Create personalized travel plans for your dream destinations in seconds
This repository is NOT open-source software. It is provided solely as a demonstration of the code structure and architecture of the TripPlanr application. The complete, functional version of this application is proprietary and not publicly available.
This repository contains simplified code snippets and mock implementations to illustrate the overall structure of the application. It does not include the full functionality, API integrations, or proprietary algorithms used in the actual TripPlanr application.
Demo-Video-Triplanr.mp4
Experience TripPlanr in action: https://triplanr-hosted.onrender.com/
TripPlanr leverages cutting-edge AI technology to create personalized travel itineraries based on your preferences:
- AI-Powered Itineraries 🤖: Generate detailed day-by-day travel plans using Google's Gemini AI
- Destination Explorer 🔍: Discover popular and hidden gem locations worldwide
- Budget Optimization 💰: Plan trips that fit your financial constraints
- Travel Style Matching 🧳: Customize itineraries based on your preferred travel style
- Attraction Recommendations 🏛️: Get personalized suggestions for must-visit places
- Video Recommendations 📹: Watch curated travel videos about your destination
- Responsive Design 📱: Seamless experience across desktop, tablet, and mobile devices
- Interactive Maps 🗺️: Visualize your journey with integrated maps
TripPlanr is built with modern technologies for optimal performance and user experience:
- React 18 with TypeScript
- Tailwind CSS for styling
- Vite for fast development and building
- React Router for navigation
- Custom UI Components inspired by shadcn/ui
- Framer Motion for animations
- Node.js with Express
- API Integrations:
- Google Gemini API (AI)
- YouTube API (Travel Videos)
- OpenTripMap API (Attractions)
- Vercel for frontend hosting
- Railway for backend services
- MongoDB Atlas for database
This repository contains a simplified version of TripPlanr for demonstration purposes. To run it locally:
# Clone the repository
git clone https://github.com/sidinsearch/TripPlanr.git
cd TripPlanr
# Install dependencies
npm install
# Start the development server
npm run devThe project follows a modular architecture for maintainability and scalability:
tripplanr/
├── public/ # Static assets
├── src/
│ ├── components/ # React components
│ │ ├── ui/ # Reusable UI components
│ │ └── ... # Feature-specific components
│ ├── pages/ # Page components
│ ├── services/ # API service layer (mocked)
│ ├── styles/ # Global styles
│ ├── utils/ # Utility functions
│ ├── App.tsx # Main application component
│ └── main.tsx # Application entry point
├── server.js # Simplified backend server
└── package.json # Project dependencies
Future plans for TripPlanr include:
- Mobile App: Native mobile applications for iOS and Android
- AI Enhancements: More personalized recommendations based on user history
- Social Features: Community sharing and rating of itineraries
- Booking Integration: Direct booking of accommodations and activities
- AR Features: Augmented reality guides for destinations
All code and assets in this repository are provided for demonstration purposes only. Unauthorized use, reproduction, or distribution of this code for commercial purposes is strictly prohibited. All rights reserved.