https://github.com/frarosset/weather-app

A project from The Odin Project (Full Stack Javascript).
https://github.com/frarosset/weather-app

css css3 html html5 javascript localstorage lottie lottie-web meteocons pubsub theodinproject visual-crossing visual-crossing-api weather-app webpack

Last synced: 10 days ago
JSON representation

A project from The Odin Project (Full Stack Javascript).

• Host: GitHub
• URL: https://github.com/frarosset/weather-app
• Owner: frarosset
• Created: 2024-09-16T13:54:22.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-12T14:15:28.000Z (3 months ago)
• Last Synced: 2024-11-12T15:19:16.481Z (3 months ago)
• Topics: css, css3, html, html5, javascript, localstorage, lottie, lottie-web, meteocons, pubsub, theodinproject, visual-crossing, visual-crossing-api, weather-app, webpack
• Language: JavaScript
• Homepage: https://frarosset.github.io/weather-app/
• Size: 2.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# weather-app

A project from The Odin Project (Full Stack Javascript).

A weather app webpage is built using HTML, CSS, Javascript, and Visual Crossing API.

> A preview is available [here](http://frarosset.github.io/weather-app).

The design is inspired by the Google Weather app.

- I've used Lottie files for the animations. They can be stopped in the app settings.

- I've used localStorage to save a favourite location and some bookmarked locations. If a favourite location is set, its weather data are shown on page refresh.

- I've used [navigator.geolocation](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation) to add the possibility to get the weather estimating current position. In this case the latitude/longitude is shown, instead of the location. I might improve that in the future.  Of course this requires Geolocation permission.

- The background color should change based on the time of the day and weather conditions (more or less, to reflect the sky color).