Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/archielicious/weather-app

Weather App is a React App to display the live weather of a city. The live weather details are fetched using weatherapi.com/ .
https://github.com/archielicious/weather-app

css3 javascript mui reactjs

Last synced: 2 days ago
JSON representation

Weather App is a React App to display the live weather of a city. The live weather details are fetched using weatherapi.com/ .

Awesome Lists containing this project

README

        

# Weather-App

We want to create an application that can give live details about the weather in any location.

Some of the details that we want in the weather are:

1. Temperature (in Celcius and Farenheit)

2. Weather condition (Sunny/Cloudy etc)

3. Wind Speed

4. Humidity

5. Cloud Coverage

6. Last Updated

To do this we can create Update a few basic components:

1. An AppBar so that our application name is made prominent.

2. A Search Box where users can type in any location.

3. The text displays the name of the location and the country.

4. A Card to display the details of the weather. Attach a small image of the weather condition as well.

For Error Handling, display an error message if the API request fails or returns an error message

To get weather data about a location we can use Weather API.