The Next Page

• 

  Scenario Customizer

• 

  Narrator Selection

• 

  Starting page

• 

  Book Page

• 

  End Page

Inspiration

I wanted to completely change how bedtime stories work. Instead of just reading a book to a kid, I imagined a shared magical adventure where they actually get to choose what happens. The goal was to build a world where kids and parents see themselves as the heroes of their own unique tales, making choices that steer the story and learning a good lesson along the way.

What it does

The Next Page is a digital picture book and story game. It creates personalized bedtime adventures using a photo of your child so they become the actual hero on the screen. At the end of every page, you make a choice that changes the story, like exploring a cave or talking to a dragon. The app matches these choices with Pixar-style 3D art and high-quality voice narration to make the whole experience super immersive.

How we built it

I built the front end using React, Vite, Tailwind CSS, and Framer Motion. It was really fun because I had the chance to use two different APIs and integrate them. I used the Google Gemini API to handle the story logic, the choices, and generate the 3D illustrations. Then I brought in the ElevenLabs API to read the story out loud.

Challenges we ran into

Keeping in mind that I only had thirty-six hours to get a working demo ready, building this was an intense sprint. A big challenge was managing the timing between the two APIs. I had to figure out how to keep the ElevenLabs audio synced with the text from Gemini.

Accomplishments that we're proud of

Honestly, I am just really proud that I got a polished, working prototype ready to demo in just a weekend. It was incredibly fun to figure out how to blend text, image, and audio generation into one smooth experience. Pulling that off and seeing it actually work well is a huge win.

What we learned

I learned a ton about managing multiple APIs at the same time. Handling continuous audio streams and image generation taught me a lot about state management in React. I also had to get really good at prompting Gemini so the art stayed in that consistent style and the story made sense, no matter what choices the user made.

What's next for The Next Page

I want to make it even more immersive. When stronger models come out in the future, it would be amazing to replace the static pictures with actual generated videos. That would turn the picture book into a fully animated interactive movie.

Built With

• elevenlabsapi
• googlegeminiapi
• lucidereact
• react19
• tailwindcss
• vite