VoyagerAI

VOYAGER AI aims to simplify the travel planning process by leveraging artificial intelligence to generate customized travel itineraries and suggest hotels that align with the user's preferences. With a clean and intuitive user interface, VOYAGER AI offers a seamless experience for users, ensuring that their trips are both enjoyable and within budget.

Features

• Personalized Itineraries: Generate travel itineraries based on the destination, number of days, and budget.
• Hotel Recommendations: Suggests hotels that match the user's budget and preferences.
• User-Friendly Interface: A clean and intuitive UI designed with TailwindCSS and ShadcnUI components.
• Firebase Backend: Manages user data and interactions securely using Firebase.
• Axios for API Requests: Handles communication with external APIs efficiently.

Tech Stack

• Frontend: ReactJS, TailwindCSS, ShadcnUI
• Backend: Firebase
• AI Integration: GEMINI AI
• API Requests: Axios

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/Voyage-AI.git
   cd Voyage-AI

2. Install dependencies:

   npm install

3. Configure Firebase:

   Create a Firebase project and add your web app to it.

   Copy the Firebase config object into your project.

4. Set up ShadcnUI:

   Follow the ShadcnUI documentation to install and configure ShadcnUI in your project.

   Ensure all required components and utilities are correctly imported and integrated.

5. Start the development server:

   npm start
   

Configuration

• Firebase: Ensure your Firebase project is set up and that you've added the appropriate configuration details to the project.
• GEMINI AI: Integrate your GEMINI AI API keys and configure any required settings for generating travel itineraries.
• ShadcnUI: Customize the UI components using ShadcnUI to match the design specifications of your project.

Usage

1. Open the app in your browser
2. Enter your travel details such as destination, number of days, and budget.
3. Review the personalized itinerary and hotel recommendations generated by VoyagerAI.
4. Make adjustments to the itinerary or hotel selection as needed.

Screenshots

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh