Over the next 2 weeks, you'll be building a React App that works with various APIs (Application Programming Interfaces) that talk to different data sources to do cool stuff.
We're using the OpenWeather API to get weather data on different cities. Your challenge over the next 2 weeks is to build out this website and add even more functionality to it. At the moment, it displays basic information about a location when you type it in. Check out Issues for some more ideas!
You'll need to get your own API Key from their website (for free) and add it as an environment variable in a .env file. We have a template available as example.env.
You'll be using React initially to build this. If you're new to React, check out the website for some information on getting started!
- Install the Go compiler: https://go.dev/doc/install
- Install netlify-cli:
npm i -g netlify-cli - Switch to the repository and install the dependencies:
npm install - To run the project:
netlify dev
Troubleshooting:
- Make sure the Go compiler is installed and working. Running
go versionshould print the current version in that case. - Delete
node_modulesand runnpm installagain - Make sure you have the variable
REACT_APP_APIKEYset to your Openweathermap API key in.env - Do a fresh clone from Github and do
npm installandnetlify devagain