ayyaz.dev
← Projects / 2014
2014·Client·Shipped

Online Learning Management System (LMS)

The purpose of this web application is to provide a platform where people can both **learn** and **teach** — a

LMS — homepage
Role
Lead engineer
Stack
CSS3 · HTML5 · JavaScript · AJAX · jQuery · Bootstrap · MySQL · CodeIgniter · PHP
Status
Shipped

The purpose of this web application is to provide a platform where people can both learn and teach — an end-to-end LMS marketplace.

Tools used: HTML5, CSS3, JavaScript, jQuery, AJAX, PHP, MySQL Frameworks: Bootstrap, CodeIgniter

Main features:

  • Teacher commission on every course purchase
  • Built in a fully object-oriented environment
  • Multiple categories, each with multiple courses
  • Each course has sections, each section has its relevant lectures
  • Lecture content supports Video, Audio, Text, or External Document
  • Free-lecture preview, registration / login popups, profile management
  • Teacher course-management UI: basics, details, image, price, promo video, syllabus
§ Screens

From the Online Learning Management System (LMS) build.

Real shots, presented at native scale.

LMS — top navigation dropdown
Fig. 02 — Primary surface
LMS — category listing
Fig. 03 — Detail view
LMS — course detail (anonymous view)
Fig. 04 — Empty state
LMS — free lecture preview popup
Fig. 05 — Mobile
LMS — registration popup
Fig. 06 — Additional view
LMS — login popup
Fig. 07 — Additional view
LMS — course detail (after purchase)
Fig. 08 — Additional view
LMS — single lecture view (video / content)
Fig. 09 — Additional view
LMS — student dashboard: my courses
Fig. 10 — Additional view
LMS — account dropdown menu
Fig. 11 — Additional view
LMS — edit profile
Fig. 12 — Additional view
LMS — account details settings
Fig. 13 — Additional view
LMS — change profile photo
Fig. 14 — Additional view
Teacher — course basics tab
Fig. 15 — Additional view
Teacher — course details tab
Fig. 16 — Additional view
Teacher — course image upload
Fig. 17 — Additional view
Teacher — course pricing
Fig. 18 — Additional view
Teacher — course promo video
Fig. 19 — Additional view
Teacher — course syllabus / sections / lectures
Fig. 20 — Additional view
§ Next

Related work.

2014Hotel Rooms Booking SystemClient2014Time Workerz — Micro Jobs WebsiteClient2014Gulf GSM — Shopping CartClient