Trip Planner is a web application designed to help users plan their trips by suggesting customized itineraries based on their preferences. The app provides recommendations for various destinations, allowing users to generate detailed travel plans that include places to visit, timings, and more.
Features
- Customized Itineraries: Generate trip itineraries based on user inputs such as trip duration, destination, and style.
- Place Categories: Fetch recommendations from categories like entertainment, natural, leisure, tourism, beach, and heritage.
- Detailed Timetables: View daily schedules with 4-5 places to visit, including timings from 9 AM to 9 PM.
- Interactive UI: Cards for each place with clickable links to Google Maps. Drag-and-drop functionality to reorder itinerary cards and a delete option to remove places.
- Hotel Booking Integration: Directly book hotels via MakeMyTrip or Booking.com.
- Dynamic Heading: Display a dynamic heading based on trip details and an image from Unsplash related to the trip destination.
- Print/PDF Option: Generate a printable or PDF version of the itinerary.
Tech Stack
- Frontend: Next.js, TypeScript, Material UI
- Backend: Geoapify Places API
- Development Tools: Git, VSCode
Getting Started
Prerequisites
- Node.js (v16 or higher)
- npm or Yarn
Usage
- Enter your trip details, including duration, destination, and style.