Triplanner

Triplanner is a React PWA that will help you plan your trip, from saving your daily agenda to saving packing lists and notes, and let all your co-travelers be part of it.

Demo: https://reut-triplanner.herokuapp.com

Table Of Contents

• Triplanner
  • Running the project
  • Screens
    • My Trip
    • New Attraction
    • Packing List
    • Daily Route
  • Techstack
  • TODO

Running the project

1. Clone the repo.
2. Run npm install.
3. Generate Google Maps API key and replace the current API key in line 23 in public/index.html file.
4. Run npm run build
5. Run npm start.
6. Navigate to http://localhost:4000.

Screens

My Trip

An overview of your trip, including your co-travelers, the trip information and the agenda for each day.

New Attraction

Find your next attraction and add it to your trip.

Packing List

Manage the trip's packing list.

Daily Route

Map view for the attractions of each day.

Techstack

1. React, Material-UI and axios.
2. Express (Node.js), Mongoose (MongoDB).
3. Google Maps, Places and Directions APIs; including usage of the device location (via browser's navigator).

TODO

1. Create data seeders.
2. Enable multiple trips.
3. Add the ability to run the project in watch mode.
4. Flights and accommodations details.
5. Creating trails as you go.
6. Explore – attractions and hiking trails around you.
7. Weather forecast.