TravelMind is a next-generation AI-powered travel planner and interactive itinerary generator. Built with Next.js 16, React 19, Supabase, and Leaflet, it delivers personalized, budget-aware travel schedules with real-time map visualization.
- 🧠 Smart Itinerary Generation: Context-aware activity recommendations based on trip duration, travel style, and budget preferences.
- 💵 Tiered Budget Scaling: Intelligent calculation for activity and transportation costs across budget, standard, and luxury tiers.
- 🗺️ Interactive Leaflet Maps: Custom SVG map markers and route rendering with zero external asset dependencies.
- 🔍 Searchable City Autocomplete: Instant search filter for worldwide travel destinations.
- ⚡ State-Sync Optimization: Seamless UI tab and trip view transitions without double-rendering or state desyncs.
- 🎨 Modern Aesthetics: Built with Tailwind CSS v4, Framer Motion animations, and Shadcn UI components.
| Component | Technology |
|---|---|
| Framework | Next.js 16 (App Router), React 19 |
| Language | TypeScript |
| Backend & DB | Supabase (@supabase/supabase-js, @supabase/ssr) |
| Mapping | Leaflet, React-Leaflet |
| Forms & Validation | React Hook Form, Zod (@hookform/resolvers) |
| UI & Styling | Tailwind CSS v4, Framer Motion, Radix UI / Shadcn |
- Node.js:
v20.0.0or higher - npm / yarn / pnpm
git clone https://github.com/Snohith/TravelMind.git
cd TravelMind
npm installCreate a .env.local file in the root folder:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_keynpm run devNavigate to http://localhost:3000 to view the app.
This project is licensed under the MIT License - see the LICENSE file for details.
Developed by Chiluveru Snohith