shaurya

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

so i made a theme toggle with a dark mode light mode, i really liked the sun and moon thing so i did that. and after that i wanted a smooth transition so i made a circle generate and then change all the elements to dark or light theme, looks pretty sweet to me. now im gonna start working on like the rest of the content and all like my projects etc

navbar v2, my vision was to, like, make it a hamburger nav so i did that and i added the little gradient line thing

navbar first version and pages separated. I’m going to make it cleaner i was js trying this thing out with the lines it looked rly cool

ok so first i made the about me with the simple paragraph and then i used the same webkit background gradient for the text gradient and then i made an animation on scroll. after that i worked on the interests section where 5 interests come from the edges animating in like sliding in ifykwim then there is a emoji and text for each and then when you click on each of the interests it opens a popup and for coding it opens a my skills thing showing the 5 or 6 skills i have :( hehe so ye

home page created with loader and typewriter effect for name

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