This MERN application is a roadtrip planner where the user can enter their desired trips name, origin, destination, and stopover points which the google maps Directions API will use to calculate and display your road trip.
We also used the google maps distance matrix API to calculate the distance and duration of the users trip.
Based off your journey's desired stopover points, we utilize the YELP API to show you the highest rated restaurants at the area of your stop that fit your budget.
Our App uses socket.io to notify you when another user has planned a trip to your destination so you can hitch a ride.
The Google Places API is used to give the user access to all address and cities in the google library.
- JavaScript
- Node.js
- Create React App
- React Router Dom
- express
- mongoose
- axios
- socket.io
- socket.io-client
- dotenv
- react-google-maps
- react-google-places-autocomplete
- nodemon
Once your trip is submitted, it is saved in your "Saved Trips" tab where you can view, edit, or delete your previous trips.
This setup allows for a Node/Express/React app which can be easily deployed to Heroku.
The front-end React app will auto-reload as it's updated via webpack dev server, and the backend Express app will auto-reload independently with nodemon.
Start by installing front and backend dependencies. While in this directory, run the following command:
npm install
This should install node modules within the server and the client folder.
After both installations complete, run the following command in your terminal:
npm start
Your app should now be running on http://localhost:3000. The Express server should intercept any AJAX requests from the client.
To deploy, simply add and commit your changes, and push to Heroku. As is, the NPM scripts should take care of the rest.