The Journey Academy
Hybrid EdTech (LMS + Ecommerce)

The Journey Academy

Comprehensive full-stack e-learning ecosystem featuring structured learning journeys, live classes, automated certification, and integrated e-commerce.

Role: Lead Developer
Year: 2026

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/seo and @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/motion delivering 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

Nuxt 3Vue.js 3TypeScriptTailwind CSSNuxt UILaravel 12PHPMySQLLaravel SanctumSpatie PermissionSSLCommerzGoogle Calendar APIPuppeteerTanStack TableUnovisPlyrCKEditorVueUse MotionZod