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

Weather app featuring the WeatherAPI
https://github.com/manonlef/weather-app

es6-modules eslint javascript prettier weatherapi webpack

Last synced: 3 months ago
JSON representation

Weather app featuring the WeatherAPI

• Host: GitHub
• URL: https://github.com/manonlef/weather-app
• Owner: ManonLef
• License: mit
• Created: 2023-05-22T08:12:10.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-16T17:42:29.000Z (almost 3 years ago)
• Last Synced: 2025-04-04T04:29:30.012Z (over 1 year ago)
• Topics: es6-modules, eslint, javascript, prettier, weatherapi, webpack
• Language: JavaScript
• Homepage: https://manonlef.github.io/weather-app/
• Size: 13.7 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

README

          
# Weather App

## Result

[Live Version](https://manonlef.github.io/weather-app/)

![Preview of my Procrasti-Not app](./resources-and-notes/weather-app-preview.gif)

## About this project

This project was mostly about working with API's and asynchronous code. 

## Objectives

- [x] display the weather using the WeatherAPI 

- [x] toggle Fahrenheit or Celsius

- [x] change the look of the page based on the data

- [x] use Promises or Async/Await in the code 

- [x] add a form that lets users input their location

## Notes and Lessons Learned

There was a lot of data to play with. Reaching the world of API's I found my creativity skyrocketed! I really had to remind myself multiple times that I had to stick to the objective for there would be more to learn after this project. I noted all my future feature ideas in [my notes](./resources-and-notes/notes) for some peace of mind and I can definitely see myself getting back to this project in the future.

- **Project Notes:** I've taken a lot of notes during this project with near-daily updates that can be found [here](./resources-and-notes/notes).

- I decided not to change the background depending on the weather. I felt like I'd learn nothing new there and would just be increasing the amount of time until project completion. I did however decide to implement the icons the API provides for the current and forecast weather conditions.

- This project was a delight to work on. Opening up the world of API's and all the data it can provide really feels like a big step was made. 

## Features or things I'd love to work on for this project in the future

- [ ] Loading screen for slower connections

- [ ] Hourly forecast for today

- [ ] My own illustrated backgrounds to change the mood depending on weather

- [ ] My own icons

- [ ] SuperMaybe: Add an Aviation Toggle to display TAFs and METARs

- [ ] More specific error handling