Dashboard — Student View Dashboard — Admin View Class Management — Materials & Structure Live Exam — Timer & Submission Flow

Project Snapshot

  • Type: Learning Management System (Web App)
  • Focus: Classes, materials, exams, and role-based workflows
  • Notable Feature: Real-time live exam with timer + auto-submit
  • Project URL: https://www.jubayerahmed.com/lms
  • Demo Credentials
  • Admin
  • Phone: 01766363513
  • Password: whitepaper
  • Teacher
  • Phone: 01961116284
  • Password: password
  • Student
  • Phone: 01679836475
  • Password: password
Visit App Contact Me

Learning Management System (LMS)

This LMS was built to support real education workflows: class management, study materials, role-based dashboards, and a fully interactive exam system. The application provides separate experiences for Admin, Teacher, and Student to match real operational needs.

This was my first end-to-end product where I owned the full delivery solo — translating requirements into UI, building the backend, connecting APIs, and ensuring each role workflow worked correctly from start to finish. It was a major step in my career because it taught me how to ship a complete system, not just features.

Laravel Backend Vue + Vuex Vuetify + Custom CSS Real-time Exams Laravel Echo + Pusher REST APIs JWT Auth

Key features

  • Role-based system: Admin, Teacher, and Student dashboards with workflow-specific actions.
  • Class & content management: create classes, distribute materials, organize learning resources.
  • Live exam system: real-time updates using Laravel Echo + Pusher, with a timer that auto-submits when time ends.
  • API-first integration: RESTful APIs connect Laravel backend with Vue frontend cleanly.
  • Team delivery: used Git workflows for collaboration and structured delivery.

Implementation notes

The exam module was designed for reliability under time constraints — including consistent state handling, timer-driven auto submission, and real-time events so the UI stays responsive and accurate during exam sessions.


Tech Stack

  • Laravel • PHP • MySQL • Vue.js • Vuex • Vuetify • Custom CSS • REST APIs • Laravel Echo • Pusher • Git • Unit Testing • JWT