What's in a Name? AI

"What's in a Name? the AI-powered baby name generator" - Video Demo Script

Good evening, my name is David Mosley and I am pleased to have vibe coded today with my colleague Camilo Castro.

Welcome to our demo of "What's in a Name? the AI-powered baby name generator," a simple yet powerful tool designed to help expectant parents find the perfect name for their little one. Today, we'll walk you through two key features - generating personalized baby names and searching for name meanings - followed by some valuable lessons we learned during development.

Let's start with our name generation feature. As you can see, our clean, intuitive interface allows users to input their preferences.

Users can specify: • Gender preference • Cultural background • Name style (modern, traditional, unique) • Desired Popularity • Name length preference

For this demo, let's generate names for a baby girl with Indian heritage, in a modern style, with medium length.

The AI generates a personalized list of names matching these criteria. Notice how each suggestion thoughtfully incorporates the user's preferences while providing variety. Users can save favorites to their account or generate more options if needed.

Now, let's explore our name meaning search feature. Users often want to understand the history and significance behind potential names.

When users click on any name, they're taken to the details page. Here they can see:

• Meaning • History • Etymology • Variants • Pronunciation

The app instantly retrieves the meaning and background information, making it easy to explore 5 options quickly.

For the NAME “XYZ we can see it has XXXX origins meaning YYYYY The app provides rich context about how the name is used culturally, its historical significance, and even pronunciation variations. Users can also directly search for any name they're curious about using our search bar.

While building this app, we encountered several valuable learning experiences:

Despite creating detailed PRDs, Tech Specs, Design Architectures, Data flows, and prompts for Lovable.dev, we found that Lovable didn't respond well to our WordPress-related instructions. This taught us the importance of platform alignment early in the development process.
Lovable.dev created a beautiful UI but was strictly limited to React. This limitation informed our future technology stack decisions.
On the positive side, connecting Lovable.dev to Supabase and GitHub proved remarkably straightforward, streamlining our backend integration.
Working with n8n AI Agents involved significant trial and error - a challenging but ultimately rewarding learning curve.
Webhook API calls to ChatGPT took considerably longer than anticipated to configure and align properly, highlighting the need for more generous time estimates when working with external APIs.
We discovered that reusing webhook APIs was error-prone, requiring careful documentation and testing protocols.
Additional work was needed to remove hardcoded outputs and properly format their presentation in the UI, emphasizing the importance of planning for dynamic content from the beginning.

Thanks for watching our demo of "What's in a Name? the AI-powered baby name generator." We hope these insights help you with your own development projects!