I developed EduPulse, a comprehensive educational dashboard designed to optimize the digital learning experience. It serves as a centralized hub where students can manage courses, track attendance statistics, and access recorded lessons through a sleek, high-performance interface.
The Challenge:
The goal was to build a sophisticated system using Vanilla Tech (No frameworks) to ensure maximum speed. I needed to implement complex features like a dynamic theme engine, session management, and interactive data visualization while maintaining a mobile-first responsive design.
Technical Solution & Key Features:
Performance & Logic: Built with Vanilla JS (ES6+) featuring DOM manipulation and client-side session management via LocalStorage.
Dynamic Theme Engine: Implemented a seamless Dark/Light mode toggle that remembers user preferences.
Authentication Simulation: Developed a custom login system with "Remember Me" functionality and secure session handling.
Interactive Components: Integrated YouTube API for video lessons, custom Modals, and visual attendance tracking systems.
Tech Stack Used:
HTML5 (Semantic), CSS3 (Flexbox/Grid), Vanilla JavaScript, LocalStorage API, and YouTube API Integration.