Case study

E-LEARN

A full-stack e-learning platform with user authentication, course enrollment, a personal dashboard, and a dedicated admin panel for managing courses and users.

PHP
MySQL
HTML
CSS
Vanilla JavaScript

Overview

E-learn is a full-stack web application that provides users with structured access to online courses across categories like Technology and Business. The platform features a complete authentication system with registration, email verification, and secure login. Once logged in, users get a personalized dashboard showing their enrolled courses, available courses, and new courses to discover — with one-click enroll and unenroll functionality. The course catalog includes search, category tags, difficulty levels, and duration details for each course. A separate admin panel allows administrators to manage the entire platform — adding new courses with title, category, level, duration, and description, as well as monitoring total users and available courses. The UI uses a dark, modern aesthetic with a deep navy and teal color scheme throughout.

Process

Built entirely from scratch using vanilla PHP, MySQL, and JavaScript — no frameworks. The development started with designing the database schema for users, courses, and enrollments, then building the backend logic for authentication including email verification on signup. Role-based access was implemented to separate the admin panel from regular user routes. The frontend was hand-coded in HTML, CSS, and vanilla JS, with a consistent dark UI theme applied across all pages — landing, login, register, courses, dashboard, and admin views. Course management and user enrollment logic were handled server-side with PHP, querying a MySQL database directly.

Web Design