Dynamic travel planner to provide real-time route optimization and personalized travel itineraries.
- Real-time route optimization
- Personalized travel itineraries
- User authentication with Google
- Interactive map integration
- Responsive design for mobile and desktop
-
Frontend:
- React
- Tailwind CSS
- Swiper.js for carousels
- React Router for navigation
- Material-UI for UI components
-
Backend:
- Google APIs for location and travel data
- Google Gemini API for personalized itinerary
- UUID for unique identifiers
-
Development Tools:
- Vite for fast development
- ESLint for code linting
- PostCSS for CSS processing
-
Clone the repository:
git clone https://github.com/zeeshaan28/travel-planner-ai.git cd travel-planner-ai -
Install dependencies:
npm install
-
Set up environment variables:
- Create a
.envfile in the root directory and add your Google API keys:VITE_GOOGLE_GENERATIVE_LANGUAGE_API_KEY=your_api_key VITE_GOOGLE_MAPS_API_KEY=your_api_key
- Create a
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:3000.
- Sign in using your Google account to access personalized features.
- Explore the interactive map to find and plan your travel destinations.
- Create and manage your travel itineraries with ease.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature). - Make your changes and commit them (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/YourFeature). - Open a pull request.