EdTech Product
Educational Platform
Frontend Architect / Frontend Developer · Completed
Axios · Chakra UI · Emotion · Framer Motion · React · React Hook Form · React Router · TypeScript · Vite
Built and led the frontend architecture of an internal educational platform with role-based learning flows, lesson progress tracking, comments, document workflows, and admin tools.

Overview
An internal educational platform designed for structured learning, user progress tracking, and operational workflows around courses, documents, and collaboration. The product included separate areas for learners, founders, and admins, with role-based routing and authenticated access throughout the system. I owned the frontend architecture of the platform and worked across both user-facing learning flows and internal operational interfaces. The result was a scalable product interface that combined learning experience, communication, documents, and admin workflows in one system.
My role
- Owned and designed the frontend architecture, including routing, feature structure, API integration patterns, and reusable UI organization.
- Built the core learning experience: course navigation, lesson pages, progress tracking, and lesson-level interaction flows.
- Implemented authentication and protected product areas, including login, registration, password reset, and role-based access logic.
- Developed admin and operational sections for moderation, user management, dashboards, and document-related workflows.
Implementation
- Role-based authentication and protected product areas for different internal user types.
- Course, module, and lesson flows with progress tracking and completion logic.
- Lesson comments, replies, and moderation workflows.
- Document workspace for startup and personal document handling.
- Admin dashboards and operational tools for platform management.
Outcome
- Delivered a production-ready frontend foundation for a multi-role internal EdTech product.
- Unified learning, communication, documents, and internal operations in a single interface.
- Created a scalable frontend architecture that supported both real API integration and mock-driven development.
Walkthrough
Screens


