Fundani

Fundani turns learning into play — a gamified AI-powered platform where kids go on quests, earn badges, chat with tutors, and learn through fun, interactive flashcards and adventures.

Comment

Inspiration

We believe learning should feel like an adventure — not a chore. As African developers, we’ve seen how kids in our communities struggle to stay engaged with traditional education. We wanted to build something fun, smart, and mobile-first that makes learning feel like play. That’s how Fundani was born — an AI-powered, gamified learning platform designed for children aged 7–13.

Try it out : https://fundani.netlify.app/login

What it does

Fundani turns learning into a quest. Kids choose from learning adventures in Math, Grammar, Science, and more — earning XP, unlocking badges, and customizing avatars as they go. They’re guided by a friendly AI tutor that speaks to them using natural voice. Parents can also generate beautiful, AI-created flashcards based on fun themes and categories, like fruits, animals, or cartoons.

https://www.canva.com/design/DAGr2NY8FW4/BDIDBrCiibrBHj8vDXKpyQ/edit?utm_content=DAGr2NY8FW4&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Key features include:

  • 🎮 Gamified learning quests
  • 🧠 AI video tutor (powered by Tavus and TTS)
  • 🧒 Avatar customization system
  • 🎴 AI-generated flashcards for personalized practice
  • 🏆 Progress tracking with badges, XP, and levels
  • 📱 Fully responsive PWA for mobile, tablet, and desktop

How we built it

We built Fundani with a modern front-end stack using:

  • Nuxt 3 with Vue 3 and TypeScript
  • Vuetify 3 for UI components
  • CSS for styling
  • Supabase for auth, database, and real-time data sync
  • Pinia (Options API) for state management
  • Tavus for AI video tutor features
  • OpenRouter AI for flashcard content generation
  • Netlify for hosting as a PWA

All user progress, avatar settings, flashcard sets, and quest data are securely stored using Supabase with Row Level Security enabled.

Challenges we ran into

  • Getting real-time AI interactions to feel natural with minimal latency
  • Balancing fun, child-friendly design with serious educational value
  • Creating secure and scalable backend logic in Supabase with multiple user roles (parents and kids)
  • Designing a UI that’s responsive, engaging, and easy to navigate — especially for younger users

Accomplishments that we're proud of

  • We built and deployed a fully working PWA in just a few days
  • Integrated real-time video tutor support and AI flashcard generation
  • Designed a full gamification loop (XP, badges, avatar rewards)
  • Made the app usable even on low-end mobile devices
  • Created a joyful, meaningful learning experience for kids

What we learned

  • How to blend gamification, AI, and education into a cohesive UX
  • The importance of simplifying complex UI flows for younger audiences
  • How to use Supabase efficiently for scalable, secure real-time apps
  • How to design for accessibility, responsiveness, and offline-first readiness

What's next for Fundani

  • 🔊 Add full AI voice + video tutor experience with feedback loop
  • 🌍 Translate content into isiZulu, Swahili, and other African languages
  • 👨‍👩‍👧‍👦 Launch a beta test with parents and schools
  • 🧑🏾‍🏫 Partner with NGOs and EdTech accelerators
  • 💬 Add multiplayer learning quests where kids collaborate or compete
  • 📚 Build an open library of community-submitted flashcards

Fundani is just getting started — we’re on a mission to make learning magical for every child, everywhere.

Built With

Share this project:

Updates