Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarahelisabethcominotti/weather-react.github.io
First API project, originally created in CSS and HTML then recreated using React and MUI library. It uses geo location to identify which city you are using the app from to show you the weather of that city. It also will go in dark mode if the current time is between sunset and sunrise.
https://github.com/sarahelisabethcominotti/weather-react.github.io
api css geolocation html javascript mui react
Last synced: about 1 month ago
JSON representation
First API project, originally created in CSS and HTML then recreated using React and MUI library. It uses geo location to identify which city you are using the app from to show you the weather of that city. It also will go in dark mode if the current time is between sunset and sunrise.
- Host: GitHub
- URL: https://github.com/sarahelisabethcominotti/weather-react.github.io
- Owner: sarahelisabethcominotti
- Created: 2024-06-16T15:24:06.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T18:50:21.000Z (about 2 months ago)
- Last Synced: 2024-11-15T19:34:55.055Z (about 2 months ago)
- Topics: api, css, geolocation, html, javascript, mui, react
- Language: JavaScript
- Homepage: https://delightful-treacle-52873c.netlify.app/
- Size: 177 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Dashboard
This simple app that will use geo location to identify which city you are using the app from to show you the weather of that city on first load or show an error if you disabled your location.
Key Features:
- It will show you the main metrics for the next few days
- The background will change based on the weather condition of the day selected.
- You can change city by searching for a different place in the top navigation
- It has a dark mode if the current time is between sunset and sunrise.The app was created using OpenWeather API.