Skip to content

Latest commit

 

History

History
72 lines (46 loc) · 1.98 KB

README.md

File metadata and controls

72 lines (46 loc) · 1.98 KB

Travel companion app using google maps

Screenshot 2022-02-11 113514

Installation and Setup Instructions

Example:

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Run Test Suite:

npm test

To Start Server:

npm start

To Visit App:

localhost:3000

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

RAPID_API_KEY

  • Create an account in Rapid API, copy and paste your API key on .env file.

REACT_APP_GOOGLE_MAPS_API_KEY

  • Create an account in Google Cloud Platform, create credentials and get the API key

  • Enable APIs -- Maps Javascript API -- Places API

    If you get: "This page can't load Google Maps correctly." and "For development purposes only." that means that you have to enter your billing details. Google requires that to verify your identity and distinguish actual people from robots. You'll be getting free $200 worth of API requests indefinitely, and you will NOT be charged.

Live Demo

https://nixoy-travel-advisor.netlify.app/

My key learnings from this project

  • file structure
  • hooks and refs
  • improve security by using environment variables
  • creating user interfaces using material ui
  • google maps api
  • fetching data from rapid api
  • real-time weather

Technologies Used

  • @material-ui/core
  • @material-ui/icons
  • @material-ui/lab
  • @react-google-maps/api
  • axios
  • google-map-react
  • snazzymaps.com