Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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.