Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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/ .
- Host: GitHub
- URL: https://github.com/archielicious/weather-app
- Owner: archielicious
- Created: 2023-10-18T14:35:51.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-18T15:40:50.000Z (about 1 year ago)
- Last Synced: 2024-11-10T20:16:45.856Z (2 months ago)
- Topics: css3, javascript, mui, reactjs
- Language: JavaScript
- Homepage: https://archishman-weather-app.netlify.app/
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.