tahoe

So I used the Last.fm API to get the recent track; it works by getting the recent track of the username. It is not automated since it doesnt directly connect you to the app; instead, you have to manually make an account if you dont have one already and then enter the username. But, it does work and I was able to do it a bit quicker since I have worked with this API before.

Disclaimer: I used ai for the svg

Spotify now playing section, it took quite a lot of time to make it but in the end it does not work because I don’t have premium and I can only add five people. I realised I should have checked this before starting on the ui because it took lots of time but now Im switching to using the lastfm API, its the best way even though people will have to login and enter their username, I couldn’t find a better way so . . .

so i made a world clock, it was something new to me so took a bit of time. it only has preset cities rn, if i have time later I will probably make it to three cities that u can change using dropdown, will take a bit of time but thats my plan for later. i learnt how the canvas works and how to like use it through js so that was kinda cool

i spent quite some time to find videos for like each weather type i had from my api and then using that i just added it to the background of the window content and clipped it onto it. i spent quite sometime fixing css bugs because my dropdown had disappeared behind everything in this process so yeah but i think it looks decent but if anybody has suggestions for videos to add since the videos are kind of bad and low quality

finally after like an hour of debugging and somehow my weather part got messed up in the middle, so I fixed all that and now the purple circle line reduces according to the timer using the strokedasharray from the svg

timer styles improve for buttons (hover and clicking) and basic spacing margin etc

timer input fixed along with active class for the picker wheel. once started timer wheel locks in place and the pause button appears

timer base made first with like a basic typed input but since thats boring i decided to make the picker wheel kind of thing where you scroll to pick the number. later the purple circle will change and fill around acccording to the time remaining, work in progress. also the input from the wheel is not working for some reason right now so i will fix that

bug fix for ::before pseudo element and dock restyling with bounce animation and new svg

I added the use of the users current location by asking through the browser prompt along with the search bar to change and find weather for other cities

base of windows moveable and clickable, along with the weather app created using a weather api, and a settings app with a background-changing feature