Inspiration
We wanted to create a learning ecosystem for AI creators where knowledge, practice, and community come together. Inspired by gamified learning and skill-building platforms, SafariLearn makes AI education interactive, hands-on, and rewarding.
What it does
SafariLearn provides courses, tutorials, and timeboxed challenges for AI creators. Users can track progress, earn Safari Tokens, tackle challenges, and showcase their projects — all within a supportive, gamified community.
How we built it
We built SafariLearn as a React app using Tailwind CSS for styling and shadcn/ui for UI components. Motion effects were implemented with Framer Motion, and icons from Lucide. Data is structured in arrays for courses, challenges, and tracks, with easy expandability for real-world APIs.
Challenges we ran into
Designing a clean, gamified interface that balances learning with progress tracking. Structuring timeboxed challenges to feel achievable but motivating. Integrating Swahili language elements while keeping the UI globally friendly.
Accomplishments that we're proud of
A fully functional, shippable MVP. Seamless integration of progress tracking, leaderboards, and token rewards. Strong visual identity combining Swahili-inspired names, playful yet professional UI, and intuitive navigation.
What we learned
Gamification drives higher engagement and motivation in learning AI. Swahili elements can create unique branding and cultural resonance without sacrificing clarity. Structuring interactive components modularly makes the app scalable and easy to extend.
What's next for Safari Learn
Connect to live AI APIs for hands-on course projects. Implement user authentication, profiles, and community features. Add dynamic challenge creation and real-time leaderboard updates. Expand into multimodal AI courses with vision, text, and audio projects.
Log in or sign up for Devpost to join the conversation.