Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mnxn/weather
https://github.com/mnxn/weather
Last synced: 19 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/mnxn/weather
- Owner: mnxn
- Created: 2023-11-02T22:46:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-01T17:08:29.000Z (about 1 year ago)
- Last Synced: 2024-10-28T16:51:39.310Z (2 months ago)
- Language: TypeScript
- Homepage: https://emweather.vercel.app
- Size: 413 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Dashboard
## Features
- Location Search
- Browser Location Option
- Real-time Weather Data
- Hourly/Daily Weather Forecast
- Interactive Maps
- Historical Data
- Highest/Lowest Temperature Bar Chart
- Weather Distribution Pie Chart
- Sunset/Sunrise Time Bar Chart
- Temperature Unit Toggle (Celsius/Fahrenheit)
- Mobile Responsiveness
## Dependencies
- `react`, `react-dom`, `react-router-dom`
- Frontend framework & routing library
- https://react.dev/
- https://reactrouter.com/en/main
- `@mui/material`, `@mui/icons-material`, `@emotion/react`, `@emotion/styled`, `@fontsource/roboto`
- Material Design React component library
- https://mui.com/
- `chart.js`, `react-chartjs-2`
- Charting library & React wrapper
- https://www.chartjs.org/
- https://react-chartjs-2.js.org/
- `leaflet`, `react-chartjs-2`
- Interactive Map library & React wrapper
- https://leafletjs.com/
- https://react-leaflet.js.org/
- `weathericons`
- Icons used to interpret weather codes
- https://erikflowers.github.io/weather-icons/
- `i18n-iso-countries`
- ISO 3166 code to full country name convertor
- https://www.npmjs.com/package/i18n-iso-countries
- `jest`, `ts-jest`
- Testing framework
- https://jestjs.io/
## Data Sources
- Open-Meteo
- Current weather, forecasts, historical data, geocoding
- https://open-meteo.com/
- OpenWeather
- Reverse geocoding
- https://openweathermap.org/api
- WeatherAPI
- Current weather for major cities
- https://www.weatherapi.com/
- OpenStreetMap
- Map data for the map components
- https://www.openstreetmap.org/about
## Tutorials
- https://www.youtube.com/watch?v=jD6813wGdBA
- https://www.youtube.com/watch?v=XTqFjRlwMXA
- https://www.youtube.com/watch?v=GVQ2gXGGREM
- https://www.youtube.com/watch?v=6ziXmWFfKmk
- https://www.youtube.com/watch?v=ML5egqL3YFE