Forecast Web App - Built with ReactJS + Material UI

What is our weather condition? This Forecast Web shows a complete weather data that show Celsius or Fahrenheit temperatures, in grid displays a list of different conditions, and in table statistics. All data are updated daily via API.

Demo

Try out demo at Forecast Web App.

Get Started

1. Get free API key from WeatherAPI.com from RapidAPI Marketplace
2. Clone forcast-web-app/ and open with VS Code
3. Create new file .env in root directory and copy the following:

# Replace 'Your_RapidAPI_Key' with your new API key below
REACT_APP_FORCAST_KEY=Your_RapidAPI_Key

4. Run terminal and type npm install, then npm start
5. Enjoy trying out at forecast status & table and contact form!