Live Demo: destination-recommendation-platform-3.onrender.com
TravelPath is a modern full-stack web app that helps travelers discover and plan the best routes between destinations across Europe and India β with multiple transport options, live pricing, and detailed station info.
π URL: TravelPath Live
Europe: Paris β Rome, Berlin β Prague, London β Paris India: Delhi β Mumbai, Bangalore β Chennai, Mumbai β Goa
π Smart search with autocomplete for city names.
- Multi-transport options (Train, Bus, Flight, Car)
- Real-time pricing & station timing
- Route comparison with visual maps
- Major cities across Europe & India
- Autocomplete suggestions for easy search
- JWT-based authentication
- Search history tracking
- Fully responsive UI with real-time feedback
- Clean design with Tailwind CSS
- Smooth animations & intuitive navigation
Frontend: React 18, React Router, Tailwind CSS, Context API, Axios Backend: Node.js, Express.js, MongoDB, Mongoose, JWT, bcryptjs Deployment: Render (frontend + backend), MongoDB Atlas
π Homepage β Gradient hero section, smart search, popular destinations π Results Page β Multiple routes, cost breakdowns, live comparison π€οΈ Visualization β Interactive maps with stopwise pricing & timing
- Node.js v14+
- MongoDB (local or Atlas)
git clone <your-repo-url>
cd travelpathcd backend
npm install
cp .env.example .env # Add your credentials
npm run devcd ../frontend
npm install
cp .env.example .env # Add your API URL
npm startAccess: Frontend β http://localhost:3000 Backend β http://localhost:5000
| Endpoint | Method | Description |
|---|---|---|
/api/auth/register |
POST | User registration |
/api/auth/login |
POST | User login |
/api/destinations/search |
GET | Search destinations |
/api/destinations/paths |
GET | Find routes |
/api/users/search-history |
GET | Get user history |
- Frontend: Render Static Site
- Backend: Render Web Service
- Database: MongoDB Atlas (auto backups & scaling)
β If you found this project helpful, give it a star!