A full-stack learning platform built to document systems, architecture, and engineering decisions.
OpenLearn is a learning platform I built to organize my technical content, document my engineering journey, and eventually enable other educators to contribute as well.
The platform grew out of my passion for understanding systems deeply and explaining how things work under the hood, from npm internals to Docker, backend architecture, and infrastructure.
- 📺 Video Walkthrough: Linkedin, OpenLearn System Walkthrough
- 🌐 Live Website: openlearn.com
- 📄 API Documentation (Swagger): API Docs
- 📘 Requirements Documentation: System Design & Requirements
Recently, I created a video breaking down how npm start works behind the scenes, digging into source code to understand the actual execution flow.
I plan to create more content on other technical topics in the future as well, because it is something I enjoy.
While these videos are also available on YouTube, I wanted a dedicated space where all my content could live in an organized and interactive way.
OpenLearn allows students to enroll for free, track their progress, and engage with structured lessons and quizzes.
- Browse & Search: Find courses using advanced filters.
- Enrollment: Join courses with a single click.
- Learning Experience: Watch lessons and attempt quizzes.
- Progress Tracking: Visual indicators of completed content.
- Dashboard: View recent activity and resumed lessons.
- Includes all Student features, plus:
- Course Management: Create, edit, and delete courses.
- Content Organization: Add and reorder sections and lessons via drag-and-drop.
- Assessment: Create and manage quizzes for students.
- Analytics: View data on course performance and student engagement.
- Note: Built to support future community-driven content.
- Includes all Student + Teacher features, plus:
- User Management: Oversee all platform users and roles.
- Moderation: Review and manage all published courses.
- System Monitoring: Platform-wide activity logs via an Admin Dashboard.
- Core: React 18, Redux Toolkit (State Management), React Router 6.
- UI & Styling: CoreUI, Bootstrap 5, Sass.
- Utilities: Axios (HTTP), React Player, React Toastify (To give updates).
- Interactions: React Beautiful DnD & @dnd-kit (Drag & Drop), React Datepicker.
- Runtime & Framework: Node.js, Express.js.
- Database: PostgreSQL
- Security & Auth: JWT (JSON Web Tokens), bcryptjs, Helmet, CORS.
- Processing: Multer (File Uploads), Node-cron (Scheduled Tasks), Express Validator.
- Containerization: Docker & Docker Compose.
- Web Server: Nginx (Reverse Proxy).
- CI/CD: GitHub Actions.
- Cloud: AWS EC2 & Docker Hub.
- IaC: Terraform.
- Modular Video Series: Implementation of reusable components.
- Testing Deep Dive: Implementing unit and integration testing strategies.
- Website: Website Link
- YouTube: @KabeerJamal
- LinkedIn: Kabeer Jamal