672f59a4d546413a34245442465cfbdee2a71e48 1899x858

Interactive E-Learning Platform

Task: Built two related interactive e-learning platforms for young students (one for preschool-age children, one for primary grades 1-4) - including a custom library of 18+ interactive game types, CMS-driven lesson content, and SSO integration.

  • Built a library of 18 interactive educational games (drag-and-drop, crossword, word search, memory, maze, puzzles, quizzes, and more) as reusable blocks in the CMS.

  • Built additional interactive components: zoomable lesson maps, clickable hotspot images, mind maps, and drag-and-drop region maps.

  • Built the backend with Next.js and a headless CMS, with content organized into classes, themes, lessons, activities, and tasks, and separate access levels for admins.

  • Built custom admin tools, including an editor for placing interactive map markers directly in the CMS.

  • Integrated single sign-on (SSO/OAuth), so only logged-in users can access protected pages.

  • Added a PDF export option for lesson content, for offline or printed use.

  • Set up production deployment with Docker, including automatic database updates and server health monitoring.

Technologies: Next.js, React, TypeScript, Payload CMS, PostgreSQL, Docker, Tailwind CSS

Project information

JOB

Full-Stack Developer

CATEGORIES

NextJs, React, Payload

PROJECT DATE

2026 06 - present