Learn2Go

Inspiration

Every year, millions of lives are lost or impacted due to road accidents — the majority of which are preventable. The root cause? A lack of engaging, localized, and accessible road safety education.

We asked ourselves a simple question: “What if learning road rules could be as fun and interactive as playing a game?” That question became our mission. With Learn2Go, we set out to build a platform that makes road safety education interactive, multilingual, and globally accessible — using the power of games, voiceovers, and visual learning.

What it does

Learn2Go is a multilingual, gamified web platform that educates users about road safety and traffic rules based on the country they select. It combines:

🎮 Interactive 2D games

📚 Bite-sized lessons

🧠 Quizzes

🗣️ Multilingual voiceovers

🎓 Progress-based learning paths

📄 Downloadable certificate upon completion

Users learn by playing through real-world road safety scenarios tailored to their region — making the experience both educational and fun.

How we built it

We developed Learn2Go using: Frontend: Bolt.new (React + Tailwind CSS + Framer Motion) Backend: Supabase (user management, data storage, session tracking) AI Integration: Gemini API (for generating region-specific lesson content, accurate traffic images, and voiceover material) Game Logic: 2D games built per lesson topic (Introduction to Road Safety, Traffic Signals, Road Signs, etc.) Deployment: Netlify Mobile-First: Fully responsive UI across all devices We preloaded all necessary assets (images, audio, content) before login for faster performance and better user retention.

Challenges we ran into

Multi-language & multi-country support Mapping localized laws, signs, and translations required precise handling. User session management: Implementing login without passwords while maintaining user state across sessions. API call optimization: Loading images, animations, and voiceovers without lag by caching pre-login. Image accuracy: Generating realistic traffic sign visuals based on regional variations. UI polish for all screen sizes: Ensuring a 10/10 design experience on mobile and desktop with animations and clarity. Game flow logic: Seamlessly tying lesson → quiz → game → next lesson with streak tracking and UI updates.

Accomplishments that we're proud of

🧠 Built a fully interactive education system without boring PDFs

🌐 Support for global users with region-specific content

🎮 Designed 6 topic-based 2D games with learning outcomes

📱 Crafted a clean, responsive UI optimized for mobile and web

🧾 Created a professional certificate system that users can download

🔒 Built a secure, username-only login system with proper access control

⚙️ Implemented an admin dashboard that tracks activity and user performance

What we learned

Throughout this journey, we explored and implemented:

📱 Gamification of education to improve retention and engagement.

🌍 Localization at scale — teaching rules based on the user’s country and language.

🎙️ Voice-first learning to make education inclusive and accessible.

🔒 User authentication without passwords for frictionless access.

📊 Real-time progress tracking with dynamic learning paths.

🛠️ Optimized frontend/backend architecture for faster data access.

We also gained insights into how design, accessibility, and interactivity can transform traditional learning into something powerful and memorable.

What's next for Learn2Go

🌍 Expand to more countries with official road safety data

🗣️ Add real-time voice assistants to guide users during lessons/games

📦 Build an Android/iOS mobile app version

🕹️ Introduce level-based badges, avatars, and leaderboards for motivation

🧠 Integrate AI tutors that help users review weak areas

📊 More detailed analytics for users

🧩 Expand games into multiplayer scenarios for fun challenges

Built With

• bolt.new