Weather App

A React app for getting weather for provided location using asynchronous requests.

This project was bootstrapped with Create React App. Live demo

Objective

1. User should be able to input a name of a city and get up-to-date weather information.
2. User should be able to switch between Fahrenheit and Celsius.
3. The provided info should include the name of the city, description of the weather, temperature.
4. Display 404 page if no location is found.

How to use

• Input the name of a city into the search box and press 'Go'.
• City and country code should be divided by comma: 'Moscow, RU'.

UI

Challenges

API key

API keys should be used in backend to ensure security. Since this is a practice project using a free API key, it will do. It can be hidden by using environmental variables but it would still be visible in the console.

Tools and assets

• HTML
• CSS
• JavaScript
• React
• material-ui

API

• OpenWeatherApp
• Unsplash Source