The Journey Academy
Comprehensive full-stack e-learning ecosystem featuring structured learning journeys, live classes, automated certification, and integrated e-commerce.
Project Overview
The Journey Academy is an enterprise-grade, full-stack learning management ecosystem and digital academy platform. Engineered to bridge the gap between traditional video-based courses and career-oriented learning roadmaps, the platform introduces Learning Journeys—structured multi-course pathways paired with placement evaluations, live interactive mentoring, automated certificate generation, community forums, and an integrated e-commerce store for educational resources.
Built with modern web technologies, the platform comprises a high-performance Nuxt 3 / Vue 3 frontend with Server-Side Rendering (SSR) and a robust Laravel 12 / PHP 8.2+ REST API backend powered by MySQL, Laravel Sanctum, and Spatie Role-Based Access Control (RBAC).
Architecture & Technical Highlights
1. Nuxt 3 Frontend & Reactive Design System
- SSR & SEO Optimized: Leverages Nuxt 3 with Nitro engine, prerendering public catalogs, and dynamic metadata generation via
@nuxtjs/seoand@nuxtjs/sitemap. - Modern Component Architecture: Built with Nuxt UI and Tailwind CSS, featuring dark/light modes, accessible dialogs, rich data tables powered by
@tanstack/table-core, and interactive data visualizations with@unovis/vue. - Fluid Micro-Animations: Interactive transitions powered by
@vueuse/motiondelivering a sleek, polished desktop and mobile experience.
2. Laravel 12 API & Multi-Role Portal Engine
- Role-Based Workspaces: Tailored administrative consoles, instructor studios, and learner dashboards with strict boundary isolation managed through Spatie Laravel Permission.
- Modular Content Management: Supports hierarchical course structures (Courses → Sections → Lectures → Attachments) with rich-text markdown editors, Plyr video player integrations, and resource downloads.
- Placement & Assessment Engine: Dynamic quizzes with customizable timers, question pools, multi-option scoring, and automated pass/fail grade calculations.
3. Automated Headless PDF Certificate Generation
- Puppeteer Headless Rendering: Utilizes a backend Chromium instance to render pixel-perfect certificates and letters of appreciation directly from custom HTML/CSS templates, generating print-ready downloadable PDFs with verification QR codes.
4. Commercial & Payment Infrastructure
- SSLCommerz Payment Gateway: Full transaction handling supporting major credit/debit cards and mobile financial services (bKash, Nagad, Rocket) with IPN callback verification.
- E-Commerce & Subscription Engine: Integrated checkout flow handling physical books, digital learning materials, and tiered subscription plans with auto-generated downloadable invoices.
Tech Stack
Other Projects
GobeShona
Full-stack e-learning, live examination, and real-time competitive quiz battle assessment platform.
Study Room LMS
Multi-tenant learning management system with hierarchical question banks, real-time live exams, and cross-platform mobile apps