MagicStory

Inspiration

Our inspiration stemmed from a love for storytelling and a desire to make it more immersive and engaging for children. We aimed to create a fun, interactive experience where users can generate unique, age-appropriate stories enriched with captivating visuals, sparking imagination and creativity.

What it does

MagicStory is a mobile app that brings storytelling to life, making it more interactive and personalized for children. Users can log in, enter a child’s age, and choose a story. The app then generates a unique, age-appropriate tale accompanied by vibrant visuals, creating an engaging and immersive storytelling experience. Whether it's a bedtime story, an adventure, or a fairy tale, MagicStory sparks imagination and creativity, making every story special and memorable.

How we built it

We developed MagicStory using a combination of modern technologies to create a seamless and engaging storytelling experience:

1. Frontend: Built with React Native to ensure a smooth and responsive mobile application.

2. Testing & UI Refinement: Utilized the Android Studio Emulator to test and enhance the user interface.

3. Backend & Authentication: Integrated Supabase for user authentication and data storage.

4. AI-Powered Storytelling: Leveraged the Gemini AI API to generate unique, age-appropriate stories based on user prompts.

This tech stack allowed us to build an interactive and immersive platform that brings storytelling to life.

Challenges we ran into

Integrating Gemini and Supabase into our codebase was challenging due to compatibility issues and limited free-tier usage of Gemini. Additionally, some parts of the Supabase documentation for React Native were outdated, which slowed down our setup process.

Accomplishments that we're proud of

We're thrilled to have built our first-ever mobile app and successfully integrated user authentication with a connected database. Bringing our vision to life and developing a fully functional prototype marked a significant milestone for our team. Additionally, we’re proud of:

1. Implementing AI-powered storytelling using the Gemini AI API to generate unique, engaging stories.
2. Seamlessly integrating Supabase for authentication and data storage.
3. Designing an intuitive and user-friendly interface with React Native.
4. Overcoming technical challenges and refining our app through rigorous testing on the Android Studio Emulator.

What we learned

Throughout this project, we learned a lot about building and deploying a mobile app with React Native. We also got hands-on experience working with external APIs like Gemini and figured out how to troubleshoot integration issues with Supabase. Along the way, we faced real-world development challenges that taught us valuable lessons and helped us grow both as developers and problem solvers.

What's next for MagicStory

We’re excited to elevate MagicStory by enhancing the AI-generated stories with richer visuals, adding a voice narrator for an immersive experience, and introducing a variety of interactive features. Our goal is to make storytelling even more engaging by allowing children to actively participate in the stories, shaping their own adventures and sparking creativity. We also plan to incorporate personalized elements, such as character customization and story branching, to make each experience unique and memorable.

Built With

• android-studio
• gemini
• react-native
• supabase