Portfolio & Showcase Platform
A bilingual portfolio and showcase platform combining a Laravel 9 backend with a Vue.js 3 SPA admin panel and Blade-powered public website to manage slides, projects/reels, services/features, contact submissions, translations, and media assets for AKG Dev Team.
Project Overview
AKG Portfolio Platform delivers a comprehensive digital presence for showcasing web development projects and services. The system pairs a Laravel 9 REST API backend with a Vue.js 3 single-page admin application to manage hero slides, project reels with YouTube integration, service features, contact form submissions, translation content, and media assets. The public-facing website provides an accessible bilingual experience (Arabic/English) with RTL/LTR layout support, featuring dynamic hero sliders, project showcases with video support, service listings, and contact forms. The platform includes a robust translation management system for seamless bilingual content delivery.
Project Details
Project Showcase
Explore the comprehensive interface and features of Portfolio & Showcase Platform
Home
Hero section with dark blue futuristic background, glowing blue lines and dots, white text overlay, and AKG branding
Our Services
Grid layout of purple service cards with white icons (document, gear, shield) and service descriptions
Our Projects
Project showcase grid with colorful project cards (yellow laptop, green desktop, purple mobile phones) and project details
Contact Us
Clean contact form with name, email, subject, and message fields, featuring AKG logo and navigation header
Footer
Footer section with light teal background, social media icons, payment method logos, navigation links, and copyright information
Powerful Features
Innovative solutions designed to deliver exceptional user experience and business value
Hero Slides Management
Create and manage dynamic hero slider slides with bilingual titles, content, custom buttons, overlay colors, and media associations. Drag-and-drop sorting for slide ordering.
Projects & Reels Showcase
Manage project portfolios with bilingual titles and descriptions, YouTube video integration, custom background/text colors, poster images, cover images, and additional media galleries with drag-and-drop sorting.
Services & Features
Curate service offerings with bilingual titles and descriptions, associated media images, and display ordering for the public services section.
Contact Form Management
Collect and manage contact form submissions with name, email, phone, and message fields. View submissions in the admin panel with formatted dates.
Media Center
Upload and organize media assets (images, videos) with reusable associations to slides, projects, and features. Centralized media library management.
Translation System
Comprehensive translation management for bilingual content. Create and manage English-Arabic translation pairs with automatic JSON file generation for frontend consumption.
Settings Management
Configure site-wide settings including logo, social media links (Instagram, Twitter, Facebook, LinkedIn, YouTube), about us content (bilingual), and other theme configurations.
Admin Profile Management
Admin user profile management with password change functionality, profile updates, and authentication system with Laravel Sanctum.
Language Switching
Frontend language toggle between Arabic and English with cookie-based persistence, automatic RTL/LTR layout switching, and dynamic content translation.
YouTube Video Integration
Embed YouTube videos in project reels with automatic URL conversion to embed format, poster image support, and video type selection.
Ready to Create Your Next Success Story?
Let's discuss your project requirements and create a custom solution that drives your business forward.