IniteraryX is a travel-centric app designed to simplify the process of planning and collaboratively editing your ideal travel itinerary.
- Add participant into itinerary via email
- Add destinations to itinerary
- Calculate duration value between destinations
- Show planned route on the Google Map
- Redirect to the place via google map url
- CRUD operations ( Create / Read / Update / Delete )
- Many-to-many online chatroom
- Discuss the plan with the route at the same time
- Reset password email would be sent when user forget password with 1 hour token
- Inviting email would be sent when adding a new participant
- Receive notifications form sender
- update message status from unread to read
- Redirect to the url which the message mentioned
- Change personal avatar and username
- Sign-up, sign-in and logout
- Solution URL: https://github.com/Chious/itineraryX
- Live Site URL: https://itinerary-x.vercel.app
- Semantic HTML5 markup
- React Router DOM - Efficient to manage mutiple page
- axios - Fetch data from API
- Mobile-first workflow
- React with Vite - JS library
- MUI - For styles
- Map Javascript API - Web API Documentation - Create travel route
- Socket.IO - Enable user to real-time communication
-
Downgrade React Vite from v18 to v17 -- to apply
react-swipeable-views -
- Github Workflow -- for git manage
- Figma(lo-fi wrieframe)
- Google Javsciprt API react-examples
- Socket.IO
- Material UI -- UI Framework
- Vite on Vercel -- for deploy
API Docs.md：Understand the current API specifications.
- Back-end - Chester
- Front-end - Chiou Jia Sheng
- Front-end - Ching
- Front-end - Jessie