The e-learning platform aimed to address common issues in online education, such as the need for secure user authentication, efficient attendance tracking, and effective management of leave applications. Many platforms lacked proper security features, seamless user experiences, and organized data management. These problems hindered both students' learning progress and administrators' ability to manage users and monitor activities.
The solution implemented was a fully functional e-learning platform using React JS for the frontend and Django REST framework for the backend. Frontend functionalities, such as user authentication, profile management, and role-based login for Admin and User, were developed with JWT token-based authentication. Material-UI (MUI) and Bootstrap were used to ensure a responsive, mobile-friendly UI. In the backend, a MySQL database schema was designed to support features like attendance tracking and leave applications. APIs were integrated seamlessly between the frontend and backend to enable smooth data exchange, and Postman was used to test the APIs for functionality and reliability. Protected routes were implemented for enhanced security, ensuring that only authenticated users could access sensitive areas of the platform.