Shows location-weather data, with bgm music and a to do list!

• OpenWeather API
• GoogleFont API
• FontAwesome 6.1.1 CSS Library
• VS Code

Web application cum productivity app for general use

• Displays weather data for a location 🌁
• Quick to do list for quick notedown 📝
• Music to focus 🎶

Tech stack : HTML 5.0, CSS3, JS Might look botched on mobile displays Responsive design yet to be added

• Play background music by clicking on music button on top right
• Search location keywords using the left panel
• Create your own To-Do list using the right panel

• What it should look like :

• Wanted to develop and learn about web apps.
• Wanted to have fun while learning on the go.

👷‍♂️ DEVELOPMENTS AHEAD

• v0.1 - Mark up and API integration

• v0.1b - Launching test website on gitpages

• v0.2 - Add To-Do list

• v0.3 - Add Music Player

• v0.4 - Revamp UI + Responsive

• v0.5 - Switching APIs : openweather to accu weatherLayout Change

• v0.7 - Testing components

• THE SITE IS LIVE 🚀

• Weather API :
  • https://api.openweathermap.org/data/2.5/weather?q
• Google Fonts API :
  • https://fonts.gstatic.com
  • https://fonts.googleapis.com
• Assets
  • Images : https://source.unsplash.com/
  • Icons : https://openweathermap.org/img/wn/

• A more interesting take would be to play music similar to weather

And add a to do list so that when one sees the weather they can plan ahead of time while listening to this music

Also switching the API from openweather to accu weather It offers better results (as tested)