Weatherism - Stardance

Ship #1

I made a custom front-page tab by adding in a weather API. The features in this is how there is a search bar, ketchup ad with a link on it, temperature of a city and the description, white, light gray, and gray depending on weather, and lastly the background that can change depending on the description. For example, if it is a cloudy night / night, it will set to the Window XP wallpaper night. There are multiple versions of the Window XP for different weathers.
I got inspiration from my friend's Slack Bot where they added the weather API to tell description weather, and different cities. I decided to just do one city, different changing wallpapers coorelating to the description.
This challenge wasn't too difficult as I worked on CSS, JS, and HTML on my WebOS and Slack Bot. The most difficult part was where I had to work on integrating the code into Github and having to debug and polish code. I had to rely on AI at the end where I couldn't debug the API in and had to fix HTML and JS codes.
To use this, just go into my Github and go through the link where Github supplied me a custom "domain"
This was a pretty nice project overall as I had to research and learn more off about JS. Integrating API was the hardest and best thing to overcome and then finish.

Try project → See source code →

Open comments for this post

@ketchupismm on Weatherism · 8 days ago

1h 18m 52s logged

Last devlog. The big change I made was that I changed the Windows XP background depending on the description of the weather. for example, cloudy night / night would give the night wallpaper and would turn the tabs into a darker gray!
I updated my github constantly changing my js because there was a bunch of switching and debugging and resorting to ai for help.

Open comments for this post

@ketchupismm on Weatherism · 8 days ago

2h 38m 51s logged

big update, I added background, 3 bodies where the temperature and detail at the top, middle is some a ketchup ad, and the bottom is the search bar. I got inspiration from Google’s regular home tab and decided a classic wallpaper as the XP windows.

Next devpost I’ll try to integrate different backgrounds depending on the weather and other details!

Open comments for this post

@ketchupismm on Weatherism · 9 days ago

34m 4s logged

I wanted to start with showing my idea. The first part I added was the temperature and some cool message. It took me some time to set up and started on HTML, CSS, and JS.
Next devpost I’ll try to make a hometab and create this as a widget
Next I’m deciding to add colours and pictures