TL;DR: Prava AI is a full-stack, AI-powered travel organizer built with Next.js. It lets users generate personalized trip itineraries, chat with an AI travel assistant, visualize destinations on interactive maps, track expenses, convert currencies, check live weather, and more — all from a single clean interface.
- Overview
- Features
- Tech Stack
- Architecture
- Screenshots
- Getting Started
- Environment Variables
- Usage
- Folder Structure
- Future Enhancements
- Contributing
- License
Prava AI is an AI-powered travel organizer web application designed to simplify every stage of trip planning. From generating day-by-day itineraries with AI to tracking travel expenses on the go, Prava AI consolidates all the tools a modern traveler needs into one cohesive, responsive platform.
Built as a modern SaaS-style application, Prava AI combines intelligent automation with real-time data to deliver a seamless travel planning experience — whether you're planning a weekend getaway or a month-long international adventure.
Key goals of the project:
- Eliminate the friction of manual trip planning
- Provide real-time, data-driven travel insights
- Offer a clean, minimal interface accessible on any device
- Serve as a complete end-to-end travel management tool
- Itinerary Generator — Input your destination, travel dates, and preferences; get a fully structured, day-by-day trip plan generated by AI
- AI Travel Assistant — Conversational assistant for answering travel queries, suggesting activities, and giving personalized recommendations
- Interactive Map Visualization — Explore destinations visually with an integrated map view; view points of interest, routes, and saved locations
- Discover Feature — Browse curated destinations with filters for trip type, budget, and region
- Weather Integration — Live weather data for any destination, including forecasts to help plan daily activities
- Currency Converter — Real-time currency conversion for international travel budgeting
- Expense Tracker — Log and categorize trip expenses, set budgets, and monitor spending in real time
- Emergency Tools — Quick-access panel with essential travel utilities such as emergency contacts and travel advisories
- Blog / Insights Section — Travel articles, destination guides, and community-driven recommendations to inspire and inform
- Clean, minimal SaaS-style UI
- Fully responsive — optimized for both mobile and desktop
- Fast page loads with Next.js App Router and server components
| Layer | Technology |
|---|---|
| Framework | Next.js 14+ (App Router) |
| Frontend | React, Tailwind CSS |
| Authentication | Firebase Authentication |
| Database | Firebase Firestore |
| AI APIs | Google Gemini API, Grok API (xAI) |
| Weather API | OpenWeatherMap API (or equivalent) |
| Maps API | Google Maps API / Mapbox |
| Deployment | Vercel |
Prava AI follows a full-stack monorepo architecture powered entirely by Next.js.
Client (Browser)
│
▼
Next.js App Router (Frontend + SSR)
│
├── /app/api/* ──► Next.js API Routes (Serverless Functions)
│ │
│ ┌─────────┼──────────────┐
│ ▼ ▼ ▼
│ Firebase Gemini / External APIs
│ Firestore Grok API (Weather, Maps)
│
└── Firebase Auth (Client-side + Token Verification)
- No separate backend server — All server-side logic is handled through Next.js API Routes (
/app/api/), which function as serverless endpoints. This eliminates the need for a standalone Node.js/Express server. - Firebase for Auth & Database — Firebase Authentication handles user sign-up, login, and session management. Firebase Firestore is used as the primary NoSQL database for storing trips, itineraries, and user data — no ORM or SQL migrations required.
- Dual AI Integration — Google Gemini API powers itinerary generation and content-related AI features, while the Grok API (xAI) is used for the conversational AI travel assistant.
- Server Components — Heavy data-fetching operations (itineraries, trip data) use React Server Components for improved performance and reduced client bundle size.
Screenshots will be added once the UI is finalized. Placeholder sections are shown below.
| Page | Preview |
|---|---|
| Dashboard | [ Dashboard Screenshot ] |
| Itinerary Generator | [ Itinerary Generator Screenshot ] |
| AI Assistant Chat | [ AI Chat Screenshot ] |
| Interactive Map | [ Map View Screenshot ] |
| Expense Tracker | [ Expense Tracker Screenshot ] |
| Weather Widget | [ Weather Integration Screenshot ] |
| Blog / Insights | [ Blog Section Screenshot ] |
Built with ❤️ using Next.js, Tailwind CSS, and AI
Prava AI — Plan smarter, travel better.