Learnie

🧠 About the Project

Inspiration

This hackathon’s focus on helping kids learn inspired us to return to our own childhoods — when cartoons made learning fun. We wanted to recreate that joy for today’s kids using AI-generated animated tutors.

What We Built

Our app lets users pick a subject and select a virtual tutor, then generates a personalized educational video. Each tutor has a unique cartoon personality, turning lessons into interactive, playful adventures.

How We Built It

We combined multiple technologies to make this possible:

React (v19.1.1) & Vite (v7.1.7) – Frontend UI and fast development

Node.js & Express.js (v5.1.0) – Backend server and RESTful API

JavaScript (ES6+) – Core language across frontend and backend

CSS – Styling and layout

Python – Backend scripts for AI video generation

ESLint – Code linting and formatting

Key Learnings & Challenges

We learned how AI can make learning interactive and personalized while tackling challenges like:

Rendering latency for custom videos

Making animations expressive and engaging

Designing an intuitive, fun UI

Takeaway

Our project is about bringing the magic of cartoons back into learning, using AI.

Built With

• css
• es6+)
• eslint
• express.js
• javascript
• node.js
• python
• react
• vite