Problem
Learning platforms require clear separation between student and instructor experiences, which can become difficult to structure and maintain in frontend applications.
Solution
Built a role-based UI system with separate workflows for instructors and students, focusing on clean state management and reusable components to simulate real-world LMS behavior.
Features
Tech Stack
Technical Decisions
Role-based UI separation
Implemented conditional rendering and routing logic to simulate real-world LMS roles and workflows.
Redux Toolkit for state management
Used to manage course data, cart state, and user interactions across multiple pages consistently.
Challenges & Solutions
Handling different user flows (student vs instructor)
Separated logic using role-based conditions and reusable components to avoid duplication.
Structuring course content (sections & lectures)
Designed nested data structures to represent courses in a scalable and organized way.
Screenshots
Future Improvements
- Progress tracking and course completion
- Interactive quizzes and assignments
- Better API integration instead of mock data