Hola Miami

One of the main challenges was ensuring the AI could maintain a natural, conversational context. Initially, each query was treated independently. We had to refactor the AI flow to process the entire chat history, allowing it to understand follow-up questions, like asking for an address for a previously recommended place. Another challenge was structuring the AI's output to be consistently machine-readable—getting it to reliably separate a text recommendation from structured data like a Google Maps link required careful prompt engineering and schema definition.

We're particularly proud of the seamless integration of the AI chat. It's not just a Q&A bot; it's a conversational partner that remembers the flow of the discussion, making the interaction feel natural and genuinely helpful. We are also proud of the app's unique visual identity. We successfully translated the retro-Miami vibe into a functional and immersive user interface, from the custom fonts and neon color palette to the glowing UI elements, creating an experience that is both useful and fun.

This project was a deep dive into practical prompt engineering and the importance of structured data output from LLMs. We learned that to build a truly useful AI agent, you need to go beyond simple text generation. Defining clear input and output schemas is crucial for creating reliable and dynamic user experiences, like rendering a button for a map link. We also learned how to architect a full-stack application that cleanly separates the UI from the AI logic, making the system more maintainable and scalable.

The future is exciting for "Hola Miami"! We plan to expand its capabilities by integrating with real-time event APIs to provide up-to-the-minute suggestions for concerts, festivals, and pop-ups. We also want to introduce user accounts to save favorite spots and build custom itineraries. Another goal is to add multi-modal capabilities, allowing users to upload photos for recommendations (e.g., "Find more street art like this"). Finally, we'd love to expand the "Hola" brand to other vibrant cities around the world.

Built With

• ai
• css
• javascript
• next.js
• react
• shadcn
• tailwind