What's the weather like today?

Project expectations

Objective: Display the weather of a place

Functionality:

• Search for a city, with autocomplete
• Display of the weather
• Geolocation

Resources:

• openweathermap.org

To see the project

Netlify

You can find the project online directly at the following address test-react-weather.netlify.app

To contribute to the project

Set up Open weather map API

You must add your API key from in a .env file

REACT_APP_WEATHER_API_KEY=YOUR_API_KEY

Set up Google APIs

You must add your API key in a .env file

REACT_APP_GOOGLE_API_KEY=YOUR_API_KEY

You must then create a new project on the Google APIs platform.

For the requests to work you will have to activate 2 APIs on the same platform.

• Places API
• Maps JavaScript API

⚠️ For more protection, you can activate restrictions on your API key

Launch the project

npm start

Runs the app in the development mode. Open localhost:3000 to view it in the browser.

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Then you could see the project without running a localhost server.

---

Sami Lafrance