◇|
Full-Stack Web Application
September - December 2025
AYJI E-learning Platform
AYJI is an educational Single Page Application offering a complete student space (dashboard, course catalog, interactive quizzes) and an admin back office. Built with Angular 19 and NgRx for robust state management, it integrates Socket.io for real-time notifications.
Context
Structure
Personal project - 3 months of development
Objective
Build a modern and accessible LMS alternative to expensive foreign platforms
Role
Full-Stack Developer + Database Design (Angular, Node.js, MongoDB)
Features
- Student dashboard with progress and learning statistics
- Course catalog with intuitive navigation and advanced filtering
- Embedded PDF reader and optimized course interface
- Interactive quizzes (MCQ) with automatic correction and instant feedback
- Centralized state management with NgRx (Store, Effects, Entity)
- Real-time notifications with Socket.io-client
- Full back office for managing users and content
- Responsive interface (Desktop, Tablet, Mobile) with SCSS
What I learned
- Advanced frontend architecture: mastering NgRx (Store, Effects, Entity)
- Databases: MongoDB + Mongoose (backend), Redis (cache/sessions), PouchDB (offline)
- Reactive programming: extensive use of RxJS for async flows
- WebSockets & real-time: integrating Socket.io for notifications
- Angular best practices: lazy loading, guards, interceptors, modular design
Technologies
Angular 19TypeScriptNgRxRxJSNode.jsMongoDBMongooseRedisSocket.ioPouchDBCypressSCSS
Results
Modules5+
Components40+
Lighthouse90+