A frontend web platform built for an NGO to deliver online education to students. It has three separate portals - student, teacher, and admin - each with their own dashboards and features. Built entirely with HTML and CSS as a third semester project.
A multi-role e-learning platform designed for an NGO context where resources are limited and accessibility matters. Students can access study materials, submit assignments, chat, and track their progress. Teachers manage classes, grade work, and monitor students. Admins handle user management and view analytics.
No JavaScript frameworks, no backend - pure HTML and CSS, which honestly makes the amount of pages and features here more impressive.
Auth
- Login and signup
Student Portal
- Dashboard, study materials, assignment upload, badges, chat, notifications, helpdesk
Teacher Portal
- Dashboard, class management, grading, quiz creation, materials upload, leaderboard, progress tracker, chat, helpdesk
Admin Portal
- Dashboard, user management, analytics, helpdesk management, security settings
No installation needed. Just open login.html in a browser and navigate from there. Everything is static HTML and CSS so it works out of the box.
login.html / signup.html # entry points
student-dashboard.html + .css # and all other student pages
teacher-dashboard.html + .css # and all other teacher pages
admin-dashboard.html + .css # and all other admin pages
favicon.png # site icon
vercel.json # deployment config for Vercel
Third semester project built as a team. The scope ended up being pretty large - 28 pages across three portals, all consistently styled. The focus was on UI design and layout rather than functionality, so interactions are mostly visual without live data.
Feel free to use or learn from this. Credit appreciated but not required.