Skip to main content
← All work

Education · Learning platform

JinnEducation: three classrooms, one platform.

A complete online learning platform unifying recorded courses, group sessions, and one-on-one tutoring — with a rebuilt frontend, an overhauled Laravel backend, and a reactive Vue.js admin dashboard.

JinnEducation online learning platform course pages
Client
Online education provider
Role
Frontend rebuild, Laravel backend overhaul, Vue.js admin dashboard
Stack
Laravel · Vue.js · Tailwind CSS · REST API · MySQL
Status
Production — private client platform

The problem

Three content types, one platform, deep backend debt.

Recorded courses, interactive group sessions, and private tutoring had to live in a single coherent system — while the existing Laravel backend carried performance bottlenecks and tangled data relationships that broke synchronization with the admin side.

The approach

Rebuild the front, restructure the back.

We rebuilt the student-facing frontend from scratch with HTML, Tailwind, and jQuery for fast load and a clear enrollment flow. On the backend, we restructured the Laravel model relationships and refined the API logic, then built a reactive Vue.js admin dashboard on top of it.

What we built

  • — Recorded course listing and student enrollment
  • — Group and private live session management
  • — Fast student-facing interface built for load performance
  • — Reactive Vue.js admin dashboard for content and users
  • — Overhauled Laravel backend with clean API and restructured data relations
  • — Multi-layer architecture built for scalability
  • Laravel
  • Vue.js
  • Tailwind CSS
  • jQuery
  • REST API
  • MySQL

The outcome

A layered platform that serves three audiences at once.

Students get a fast frontend, administrators get a reactive dashboard, and the Laravel core keeps both in precise sync — a platform built to scale with content growth and user demand.

JinnEducation homepage with course discovery sections
The student homepage — course discovery through enrollment in one flow.
JinnEducation course catalog view
Course catalog with structured listings across all three learning formats.
JinnEducation session pages
Dedicated pages for group classes and private session booking.
JinnEducation platform interface detail
A lightweight interface tuned for fast load on student devices.

Planning a learning platform of your own?