The AI Event Planner is a single-page web application designed to be an intelligent partner for planning events. It transforms basic user inputs into detailed, creative, and operationally sound event plans. The system is modular, agentic, and built entirely on the frontend — no backend required.
- Users input event type, guest count, budget, location, and vibe.
- The AI generates a structured
EventPlanobject with:- Event name, theme, and description
- Real-world venue suggestion
- Full, timed agenda
- A mood board image is generated to visually represent the event theme.
- Starts from a single concept (e.g., “launch party for a video game”).
- Autonomously builds a full plan through seven stages:
- Brainstorming, logistics, vendor coordination, marketing, execution, follow-up, and summary.
- Suggests three innovative features to elevate the experience.
- Budget Architect: Allocates budget with trade-off suggestions.
- VendorSync Engine: Recommends fictional vendors with ratings and negotiation tips.
- GuestFlow Simulator: Predicts timeline bottlenecks and suggests improvements.
- Displays saved events in a responsive grid.
- Users can view, edit, or delete plans.
- Data is stored in-browser using
localStorage.
- Plans can be downloaded as:
- PDF (via
jspdf) - DOCX (via
docx)
- PDF (via
- Enables offline sharing and collaboration.
- Language: TypeScript
- Framework: React
- Styling: Tailwind CSS
- Architecture: Component-based, service-oriented
- Module System: ES Modules with
importmap - AI Integration: Provider-agnostic SDK with structured JSON enforcement
- Storage: Browser
localStorage(no backend required)
- Fully responsive across mobile, tablet, and desktop.
- Accessible with semantic HTML and ARIA attributes.
- Clean dark theme, smooth animations, and guided user flow.
This project is handcrafted to showcase what’s possible with modern frontend tooling and intelligent agentic workflows. No external studio, no proprietary builder — just clean code, modular design, and a vision for smarter event planning.