on Sunny Days

Do you always forget about your sunscreen during summer? Do you always get caught by a sudden rain when going outside? Use our website 'on Sunny Days' , your online weather forecast companion.

Comment

Inspiration and What it does

When looking for an idea for this hackthon I thought about a problem I always face when summertime comes around. Everytime I go out, I forget to look the weather forecast beforehand and even when I do I always forget to bring essentials things like sunscreen when it is hot or an umbrella when it is raining. This is why I decided to build on Sunny Days , a weather forecast companion which display the weather in a given city as well as advices to get the best out of your day depending on the weather.

How we built it

I built on Sunny Days with Visual Code using languages such as html, css, javascript, and json and a weather forecast api. The website is totally responsive.

Challenges we ran into

This was my first time using an api so it took me quite some time to understand how to use an api key, how to ask for a request with fetch() in javascript. It was also my first time using json: i used it with the weather forecast api, but I have also made my own json file which also helped me build this project. The biggest challenge I ran into was when I tried to deploy the website on Github. It took me a long time to understand that I needed to put an HTTPS url instead of an HTTP one to call the weather api, but I finally got it at the end.

Accomplishments that we're proud of

I am really proud of the fact that I did everything from strach. The process was long but I got to do some brainstorming to come up with the idea, some UX/UI design in Figma to make the web development easier. I also got better with debbuging since I ran into lots of problems.

What we learned

  • I learned how to use an API
  • I learned how to use JSON
  • I learned about debugging

What's next for on Sunny Days

I still have a lots of ideas for on Sunny Days I think it would be better of as a progressive web application but I still have to learn about that. I also think it could be very cool to add a geolocalisation API so the user don't have to type in the city in which he is currently located

Built With

Share this project:

Updates