Creating Agentic Application with Firebase Studio Using ADK

• 

  Create Story Form

• 

  Create Story Form

• 

  Story Example Page by Page

• 

  Story Example Page by Page

Inspiration

As a no-coder, I aimed to streamline AI workflows for creative tasks. The Google Hackathon inspired me to explore Firebase Studio and its web-based development kit, leading to a semi-finished bedtime story app. Challenges with video and voice integration limited its completion.

What it does

The app generates personalized bedtime stories with consistent book-like imagery and text. It was designed to include AI-generated narration (similar to NotebookLM) and mini-animations using Veo2, stored in a Firebase database. Currently, it creates stories on-demand without persistent storage.

How we built it

Using Firebase Studio, I leveraged no-code tools and AI prompting to build the app. I explored documentation and tutorials to enhance my understanding and guide the development process.

Challenges we ran into

Having built apps with Bubble.io, Bolt.new, Supabase, and OpenAI, I found Firebase Studio’s potential powerful but overwhelming due to its GCP integration and slight coding requirements. Voice generation and Veo2 animations proved too complex to complete.

Accomplishments that we're proud of

Despite recently discovering Firebase Studio, I’m proud of creating a functional storytelling app in a short time while managing my business. Prompting AI to build a complex prototype without coding was a significant achievement.

What we learned

I discovered the vast potential of web development libraries for integrating AI solutions, enabling complex outputs like this storytelling app with minimal coding.

What's next for Creating Agentic Application with Firebase Studio Using ADK

I plan to deepen my Firebase and no-code/low-code skills with ADK to develop corporate-specific internal tools. AI-driven solutions can transform business efficiency, and I aim to explore this further.

Built With

• firebase
• nextjs
• react