-
AfriLearn Live
🌍 Inspiration
Africa has 54 countries, over 2,000 languages, and thousands of years of rich history — yet most educational apps are built around Western curricula, Western references, and Western languages. I grew up surrounded by this gap: tools that teach you about ancient Greece but nothing about the Mali Empire, apps that quiz you on European capitals but ignore that Addis Ababa hosts the African Union.
I built AfriLearn Live because Africa deserves its own educational experience — one that is fun, multilingual, culturally grounded, and built for everyone, not just academics.
🎮 What It Does
AfriLearn Live is a multilingual African cultural quiz app that combines education, storytelling, and interactivity in a way that has never been done before for the African continent.
Here's how it works:
Interactive Africa Map — Instead of a boring category menu, users click directly on a region of a realistic, beautifully designed SVG map of Africa. West Africa, East Africa, North Africa, Central Africa, Southern Africa — each region unlocks its own set of culturally specific quiz questions.
10-Question Quiz per Region — Questions cover African history, geography, music, sport icons, and local language expressions. Each question has a 20-second timer and four multiple-choice answers.
The AI Griot — This is the heart of AfriLearn Live. After every single question, an AI-powered character called Le Griot — inspired by the traditional African storyteller — appears and narrates a short, poetic, emotionally resonant story about the topic. Powered by the Gemini API, the Griot speaks in the user's selected language (French, English, or local languages like Fon) and brings each answer to life with the warmth of oral tradition.
"Ah, the lion roars! It's Omanyala, the Kenyan, whose speed strikes the continent like lightning — an electric flash from Nairobi, engraving his name in history!"
Results Screen with African Proverb — At the end of each quiz, Gemini generates a personalized African proverb based on the user's score and region, delivered by the Griot. Users earn badges: 🥉 Apprenti, 🥈 Sage, or 🥇 Grand Griot.
Shareable Score Card — Users can download a beautifully designed PNG score card featuring their score, badge, proverb, and the hashtag #AfriLearnLive — designed to be shared on social media.
Multilingual — The entire experience is available in French 🇫🇷, English 🇬🇧, and local African languages 🌍.
🛠️ How I Built It
I built AfriLearn Live entirely using MeDo, Baidu's AI-powered app generation platform, through a series of structured multi-turn conversations.
I started by describing the full concept in natural language — the map, the quiz flow, the Griot character, the color palette — and MeDo generated the initial full-stack application. From there, I used iterative conversations to:
- Replace the initial placeholder map with a realistic, accurate SVG map of Africa with correct country boundaries and clickable regions
- Integrate the Gemini API (gemini-1.5-flash) to power the AI Griot with dynamic, context-aware storytelling after each question
- Build the results screen with Gemini-generated proverbs and performance badges
- Implement the score sharing feature using the Canvas API to generate downloadable PNG cards
- Refine the UI design with an African-inspired color palette: terracotta (#C2714F), gold (#E8A838), deep green (#2D6A4F), and cream (#FDF6EC)
The most impressive thing MeDo generated was the full quiz engine with timer, scoring logic, and smooth question transitions — all from a single conversational prompt.
🚧 Challenges I Ran Into
The biggest challenge was the Africa map. MeDo's first attempt generated abstract blob shapes that vaguely resembled continents — nothing like the actual geography of Africa. Through iterative prompting, I guided MeDo to replace it with a proper SVG map using accurate geographic boundaries. The final result is something I'm genuinely proud of.
Another challenge was making the Griot feel truly African — not just an AI giving facts, but a storyteller with warmth, poetry, and cultural authenticity. Fine-tuning the Gemini prompt to capture that oral tradition voice took several iterations.
🏆 Accomplishments I'm Proud Of
- The AI Griot is unlike anything I've seen in an educational app. It turns every quiz answer into a mini cultural story.
- The interactive Africa map is visually striking and immediately communicates what the app is about.
- The app is genuinely multilingual — not just translated, but culturally adapted.
- I built a complete, deployed, fully functional app in under 3 days using only MeDo conversations.
📚 What I Learned
I learned that the quality of what MeDo generates is directly proportional to the quality of how you describe what you want. Vague prompts give generic results. Detailed, structured, context-rich prompts give production-grade features. MeDo handles the technical heavy lifting — your job is to think clearly and communicate precisely.
I also learned that building for a specific culture, rather than adapting a generic tool, creates something that feels alive.
🔮 What's Next for AfriLearn Live
- Daily Challenge Mode — 5 questions per day, with a global leaderboard
- Quiz Battle — real-time multiplayer where two players compete on the same questions simultaneously
- Voice Mode — questions read aloud in local languages for accessibility
- Community Questions — let African educators and community members submit quiz questions
- Expansion to all 54 countries with country-specific question sets
🔧 Built With
- MeDo (Baidu) — AI-powered full-stack app generation
- Gemini API (Google) — Powers the AI Griot storytelling and proverb generation
- SVG / Canvas API — Interactive Africa map and score card generation
- HTML / CSS / JavaScript — Frontend
- Multilingual support: French, English, Fon
AfriLearn Live — Discover Africa, One Question at a Time. 🌍
Log in or sign up for Devpost to join the conversation.