OpenLearn

OpenLearn is a comprehensive full-stack learning management system I designed and developed to transform skill-based education through cohort learning, hierarchical role management, and gamified progression. The platform unites a TypeScript-based backend with a React 19-powered frontend, delivering an enterprise-level ecosystem that enhances both academic and administrative experiences. The backend is built with TypeScript, Express.js, Prisma ORM, and PostgreSQL, handles complex relationships between 25+ database models across users, cohorts, leagues, and resources. It supports hierarchical role-based access control with 5 user levels (Grand Pathfinder → Chief Pathfinder → Pathfinder → Pioneer → Luminary), advanced progress analytics, OTP-based email verification, assignment workflows, badge gamification, and leaderboard systems. Performance and reliability are ensured through Redis caching, Docker containerization, AWS SES integration, and secure JWT-based authentication, all deployed with production-grade CI/CD pipelines. The frontend is developed using React 19, Vite 6.3.5, and Tailwind CSS 4.1.8, provides a high-performance, responsive single-page interface inspired by Apple’s design philosophy. It offers an interactive dashboard with real-time progress visualization, cohort insights, leaderboard tracking, and assignment management. Advanced features include a multi-tiered role-based system, content creation tools, GitHub integration, and an administrative panel for managing users, leagues, and curricula. Performance is optimized through code splitting, lazy loading, and Framer Motion animations. Together, the OpenLearn platform represents an enterprise-grade, production-ready educational ecosystem, combining scalable backend architecture with cutting-edge frontend performance and design precision. It demonstrates expertise in modern web engineering, complex database management, API-driven systems, authentication flows, and user-centered interface design.