https://github.com/lugodi/weather-app
Weather App using Visual Crossing API
https://github.com/lugodi/weather-app
css javascript npm webpack
Last synced: 3 months ago
JSON representation
Weather App using Visual Crossing API
- Host: GitHub
- URL: https://github.com/lugodi/weather-app
- Owner: LuGodi
- Created: 2024-07-02T14:29:47.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-01T13:35:51.000Z (almost 2 years ago)
- Last Synced: 2024-08-02T11:57:42.590Z (almost 2 years ago)
- Topics: css, javascript, npm, webpack
- Language: JavaScript
- Homepage: https://lugodi.github.io/weather-app/
- Size: 345 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Fetches weather information from Visual Crossing`s API and displays it to the user.
Aiming to practice API integration and webpack
## Features
Background changes colors according to the searched location sunrise and sunset.
Information for the next 7 days (today included).
Hour information.
Option for fahrenheit, celsius, km and miles.
## Technologies
- Webpack
- Visual Crossing API
- JavaScript
- Node Package Manager
- CSS
---
### Todo:
- [x] Minimize css
- [ ] Separate css styles between each module
- [x] Icon for loading
- [x] Implement search as a transitioning menu - DONE
- [x] Implement visible message(render) on bad request( for instance invalid location)
- [x] Implement toggle between metric, us, uk - DONE
- [x] Handling form submission - DONE
- [x] Fix rendering to render the first day not the last
- Render hours:
- [ ] Implement scroll behavior on click for hours
- [x] Fix hours not showing scale (FIXED)
- [x] Render additional days - (DONE)
- [x] make app color match the sunrise/sunset (DONE)
- [X]Get icons for close and submit (input img or svg) DONE
- [x] Blur backdrop
- [x] Get icons for the weather(DONE)
- [ ] Make the ones for sunrise/sunset/rain chance
- [x] ~ Replace additional info to be a grid instead of flex ~ (DONE)
- Refactor Screen controller:
- [x] Move the form rendering to the form controller(DONE)
- Consider graphs/chars
- [ ] Improve background changing colors