TravelwithAI is a full-stack web application designed to help users plan their trips using AI-powered recommendations. The application integrates Google Gemini AI, React, Firebase, OAuth, and Google Maps to provide a seamless trip planning experience. It also includes scraped images for enhanced visuals and is hosted on Vercel.
- AI-Powered Trip Planning: Utilizes Google Gemini AI to generate personalized trip recommendations.
- User Authentication: Integrated with Google OAuth for secure user login.
- Interactive Maps: Google Maps integration for location-based planning.
- Trip Management: Users can create, view, and manage their trips.
- Responsive UI: Built with React and Tailwind CSS for a modern and responsive design.
- Image Integration: Scraped images and custom visuals for an engaging user experience.
Here are some screenshots of the application:
- Frontend: React, Tailwind CSS
- Backend: Firebase (Authentication, Firestore)
- AI Integration: Google Gemini AI
- Authentication: Google OAuth
- Hosting: Vercel
Full-Stack-AI-Trip-Planner/
├── public/ # Static assets (images, logos, etc.)
│ ├── image1.png
│ ├── image2.png
│ ├── image3.png
│ ├── landing.png
│ ├── logo.svg
│ └── road-trip-vacation.jpg
├── src/ # Source code
│ ├── components/ # Reusable UI components
│ ├── constants/ # Constants and configuration
│ ├── create-trip/ # Trip creation module
│ ├── lib/ # Utility functions
│ ├── my-trips/ # User trip management module
│ ├── service/ # API and Firebase services
│ ├── view-trip/ # Trip viewing module
│ ├── App.jsx # Main application component
│ ├── main.jsx # Entry point
│ └── index.css # Global styles
├── .env # Environment variables
├── .gitignore # Git ignore file
├── package.json # Project dependencies
├── README.md # Project documentation
└── vercel.json # Vercel configuration
To run this project, you will need to add the following environment variables to your .env
file:
VITE_GOOGLE_GEMINI_AI_API_KEY=
VITE_GOOGLE_AUTH_CLIENT_ID=
- Clone the repository:
git clone https://github.com/pavankumar2004/TravelwithAI.git
- Navigate to the project directory:
cd Full-Stack-AI-Trip-Planner
- Install dependencies:
npm install
- Start the development server:
npm run dev
The application is hosted on Vercel. You can visit the live site here.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeatureName
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeatureName
). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Google Gemini AI for powering the trip recommendations.
- Firebase for backend and authentication services.
- Vercel for seamless hosting and deployment.
Enjoy planning your trips with TravelwithAI! 🌍