Challenge
Traditional learning platforms provide static educational content with limited interaction and almost no personalization.
t.
Opening workspace
loading portfolio modules...
All projects
Note 01 Note 02 Note 03
Interactive Learning Platform
KidsPortal
A modern educational platform where children learn through interactive stories, videos, quizzes, and educator-managed content.
Context & approach
The problem, then the system.
Approach
Built an interactive learning platform featuring a custom CMS, branching story engine, XML story imports, and a scalable FastAPI backend.
System map
How the pieces connect.
The platform connects a React learning experience to a FastAPI backend, a branching story engine, educator-managed content, and PostgreSQL.
01React Frontend
02FastAPI Backend
03PostgreSQL Database
04Story Engine
05Custom CMS
Engineering notes
Decisions that shape the experience.
Make stories interactive
A branching story engine lets learning content respond to the learner’s choices instead of presenting every story as a static page.
Support educator workflows
A custom CMS gives educators a way to manage learning content, while XML imports support existing story material.
Keep the learning platform connected
The React client, FastAPI backend, and PostgreSQL database form the core application architecture.
Built with
Technology stack
- React
- TypeScript
- FastAPI
- Python
- PostgreSQL