A full-stack ai powered trip planner, where you can generate trip, save trip, update trip, delete trip & view trip details. Build with React frontend, Express/Node backend, MongoDB database and JWT-based authentication(Google OAuth2.0)
Login with google
git clone https://github.com/rahulCode1/trip_planner_frontend.git
cd trip_planner_frontend
npm i
npm run dev # or `npm start`
- React JS
- React Router
- Node Js
- Express
- Mongodb
- JWT
Watch a walkthrough (3-4 minutes) of all the major features of this app: Loom Video
Home
- Plan a trip by entring travel destination, budget & duration
My Trips
- All saved trips
Trip Details
- View full trip details (Trip destination & more.)
- Can update trip
- Compare original & updated trip
- Save updated trip
- Delete trip
- Mark as complet trip
Authentication
- User sign in with google
- Protected routes for save trip, view saved trips, view trip details, update & delete trip
Generate trip
Sample Response:
{ destination, duration, budget }
Save trip
Sample Response:
{_id, destination, best_time, top_attractions...}
Get all saved trips
Sample Response:
[{_id, destination, best_time, top_attractions...}, ...]
Trip details
Sample Response
{_id, destination, best_time, top_attractions...}
Generate new trip based on changes
Sample Response:
{ destination, duration, budget }
Save updated trip
Sample Response
{_id, destination, best_time, top_attractions...}
Delete trip
Mark trip as complete
Call google OAuth2.0
Save user
Generate JWT token
Verify JWT token
For bugs or feature request, please reach out to rahul7497678@gmail.com