Planning events can quickly turn into a logistical nightmare. Between coordinating themes, estimating guest counts, managing strict budgets, and checking off endless item lists, things inevitably get missed.
To solve this, I built CymbalMart Shopping Agent—an intelligent, interactive web application designed to convert event requirements into curated, budget-conscious shopping lists with real-time adjustments and voice integration.
🎯 What Does It Do?
The core objective of the application is to bridge the gap between event ideation and execution. Instead of manually calculating quantities and hunting across store aisles, users can leverage structured workflows to:
- Smart Event Curation: Instantly generate tailored shopping lists based on party types, themes, guest counts, and specific budget constraints.
-
Interactive Chat Assistant: Utilize a built-in conversational assistant (
CymbalMart Assistant) to modify and fine-tune event parameters on the fly. - Dynamic Budget Tracking: Automatically recalculate total expenses and item quantities in real-time as changes are made.
- Hands-Free Voice Control: Navigate menus and complete planning tasks entirely hands-free.
🛠️ The Tech Stack
To build a responsive and fluid user experience, I used a modern frontend stack:
- Frontend: React with TypeScript for robust component state management.
- Styling: Tailwind CSS for a sleek, modern UI design system.
- AI Architecture: Advanced Large Language Model agent workflows and natural language prompting frameworks.
📸 Application Showcase
Central Event Dashboard
The starting hub where users configure their event parameters, theme choices, and guest counts:
Dynamic Shopping Lists & Real-Time Budgets
As modifications occur, expenses and quantities update instantly:
🚀 Key Takeaways & Challenges
Building this project taught me a lot about managing complex state flows in React, especially when updating budgets and quantities dynamically across multiple views (like batch recipes, aisle resources, and event timelines).
You can check out the full source code, documentation, and all the UI previews over on my GitHub repository: Hizba-cloud/cymbal-mart-shopping-agent.
Let me know your thoughts or feedback in the comments below!
Top comments (1)
Let me know your thoughts or feedback in the comments below!