Skip to content

Repository files navigation

✨ TravelEase Pro ✨

✈️ Modern AI-Powered Travel Dashboard


🌟 Magical Features Grid

  • 🤖 AI Trip Generator: Create personalized itineraries in seconds using Google Gemini.
  • 🛠️ Manual Trip Creation: Full control for admins to craft custom travel experiences with image uploads.
  • 🔐 Role-Based Access: Dedicated dashboards for Admins and User Explorers.
  • 💬 AI Travel Assistant: Interactive chat bot to help you refine your travel plans.
  • 🔄 Trip Remixing: Use AI to adapt existing trips to your specific needs.
  • 📄 PDF Export: Professional print-ready itineraries for your journeys.
  • 📊 Admin Insights: Comprehensive user and trip management with advanced filtering.

⚡ Tech Magic

React TypeScript Tailwind Appwrite Gemini AI


🚀 One-Command Magic

git clone https://github.com/galilio2023/travel-dashboard.git
cd travel-dashboard && npm install && npm run dev

🧙‍♂️ Magic Tech Stack

Technology Purpose
React 19 Modern UI Library
TypeScript 5.9 Type-safe Development
Tailwind CSS 4 Utility-first Styling
React Router 7 Robust Routing & Data Loading
Appwrite Backend-as-a-Service (Auth, DB, Storage)
Google Gemini AI-powered Trip Generation & Chat
Syncfusion Enterprise-grade UI Components
Vite 7.1 Lightning-fast Build Tool

📂 Project Structure

travel-dashboard/
├── app/
│   ├── appwrite/          # Appwrite client & auth configuration
│   ├── lib/
│   │   ├── services/      # Modular service layer (Auth, AI, Trip)
│   │   ├── types.ts       # Centralized TypeScript interfaces
│   │   └── utils.ts       # Shared utility functions
│   ├── routes/            # React Router 7 route definitions
│   │   ├── admin/         # Admin-specific routes & layouts
│   │   └── api/           # Server-side API endpoints
│   └── app.css            # Global styles & Tailwind layers
├── components/            # Reusable UI components
│   ├── AIChatBot.tsx      # Interactive AI assistant
│   ├── TripCard.tsx       # Trip preview card
│   ├── TripGrid.tsx       # Responsive trip listing
│   └── ...                # Other feature-specific components
├── public/                # Static assets (icons, images)
└── ...                    # Configuration files (Vite, TS, Tailwind)

🛠️ Architecture Highlights

  • Service Layer Pattern: Modularized logic for Auth, AI, and Trip management.
  • Type-Safe Data Flow: Comprehensive TypeScript interfaces for all core entities.
  • Automated Quality: Integrated Gemini PR Review workflow for consistent code quality.

About

Travel Admin Dashboard

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages