YourTripPlanner is a comprehensive travel discovery and planning platform designed to help users explore popular Indian tourist destinations with ease. The platform includes smart destination filtering, an AI-powered travel assistant, real-time features, and expense tracking tools β making travel planning simple, fun, and interactive.
π Project Insights
| π Stars | π΄ Forks | π Issues | π Open PRs | π Closed PRs | π οΈ Languages | π₯ Contributors |
- πΊοΈ Destination Discovery & Smart Filtering: Browse a curated list of popular Indian cities beautifully themed with cultural emojis. Instantly filter destinations by region (North, South, East, West).
- π€ AI Travel Assistant: Powered by Google Gemini 2.0 Flash, get personalized travel suggestions, routes, and local insights via a fast, real-time chat interface.
- π AI-Powered Custom Itinerary: Generate day-wise personalized itineraries and download them as multi-day PDFs for offline use.
- π° Expense Tracking & Visualizations: Keep tabs on your travel budget with interactive charts and trackers.
- β‘ Real-Time Capabilities: Built with WebSockets for real-time interactions.
Frontend:
- React.js β Component-based architecture
- TailwindCSS & CSS Flexbox β Responsive and modern styling
- Framer Motion & GSAP β Smooth UI animations
- Chart.js & Recharts β Interactive expense visualizations
Backend:
- Node.js & Express β Scalable API service
- MongoDB & Mongoose β Database management
- Socket.io β Real-time event communication
AI & Integrations:
- Google Gemini 2.0 Flash β Generative AI for itineraries and chat
- Firebase & Passport.js β Authentication handling
trip-planner/
βββ public/ # Static files (HTML, images, favicon)
βββ src/ # Core React frontend source code
β βββ Components/ # Reusable UI components (Navbar, Footer, Cards)
β βββ pages/ # React pages (Home, Signup, PlanTrip, etc.)
β βββ index.js # Entry point for React application
βββ backend/ # Node/Express backend server & APIs
βββ .vscode/ # Editor-specific workspace settings
βββ GEMINI_SETUP.md # AI Configuration guide
βββ CONTRIBUTING.md # Detailed contribution guidelines
βββ README.md # Project overview
Follow these instructions to set up the project locally.
1. Clone the repository:
git clone https://github.com/code-well0/trip-planner.git
cd trip-planner2. Install dependencies:
Open a terminal in the root directory and install the React dependencies:
npm installStart the development server:
npm start3. Backend Setup: Open a new terminal window, navigate to the backend folder, and install its dependencies:
cd backend
npm installStart the backend server:
npm start4. Configuration:
To configure the Gemini AI Assistant, refer to:
- GEMINI_SETUP.md Visit the site:
- Live Demo
This project is now OFFICIALLY accepted for:
Contributing
We welcome contributions from everyone, especially participants of GSSoCβ25!
To contribute:
- Fork the repository and Clone your fork
- Create a new branch:
git checkout -b feature-name - Make your changes and commit:
git commit -m "Added new feature" - Push to your fork:
git push origin feature-name - Open a Pull Request
For detailed instructions and community standards, please check our CONTRIBUTING.md and Code of Conduct.
Acknowledgements
- Thanks to all contributors of this project
- Special shoutout to GSSoC and DSCWoC for the amazing community and support!
- Built with dedication, collaboration, and lots of chai
Thank you once again to all our contributors who has contributed to trip-planner! Your efforts are truly appreciated.
Suggestions & Feedback
Feel free to open issues or discussions if you have any feedback, feature suggestions, or want to collaborate!
Support & Star
If you find this project helpful, please give it a star to support more such educational initiatives!
π License
This project is licensed under the MIT License - see the License file for details.
|
Shubrali Jain (Project Admin)
|
"Travel is the only thing you buy that makes you richer." Ready to show off your coding achievements? Get started with trip-planner today! π



