shayen - Stardance

Ship Changes requested

I made an web OS called Bunny OS that is based on bunnies because it is my favourite animal. Features:

Music player: lets you import MP3 files from your device along with cover art with the same name as the mp3 file, it has a animation style inspired by an ipod where if you hover over the cover art, it has a nice effect. The player has functions such as skip forward/backward and the option to shuffle or repeat music.
Bunny Gallery: Lets you view pre-set images of bunnies and when you click on an image it changes the image on the background to it.
Mini website: When you open the mini website, it opens the daily dose of bunny site where you can see a new picture of a bunny daily (I did not make that website i just linked it to my OS, the official site is: https://dailybunny.org/ )
Settings: Lets you change the background gradient of the OS, lets you toggle between light and dark mode, lets you change the font of the build in clock, lets you toggle the top bar on/off
Draggable windows: Lets you drag open app windows anywhere on the screen
You can open this link to run it: https://bunnyos.netlify.app
Disclamer: I did use AI (Google Gemini) for any errors/spelling mistakes I faced. I originally tried using youtube to play music but I could not figure out how to get it to work so I also used ai for the code to import local files but that is all.
I will work on this to add more features etc, I am still learning so it will take time.

3 devlogs
7h
WebOS 1

Try project → See source code →

Open comments for this post

@shayen on BunnyOS · 19 days ago

5h 19m 33s logged

Today I made some huge improvements to my OS, i added a clock, 4 apps: An app that opens daily dose of bunny site, a music app, a gallery app that lets you change the image in the centre, a settings app with options to turn on/off the top bar, change the background and font and change from light to dark mode. The only issue I have is I cant figure out how to play music from online so i did it so i upload the music mp3 file and cover art to be able to play the music.

Open comments for this post

@shayen on BunnyOS · 21 days ago

1h 5m 4s logged

Today I improved my website design, I focused on trying to add a gif as my main image, I also added a background image and I did not want to stretch the image so i made a tile effect where it repeats the same image. I also changed the background colour behind each text writing and added a border effect.

Open comments for this post

@shayen on BunnyOS · 22 days ago

49m 17s logged

I made my first ever website, I have never coded before and this was my first attempt. I made a bunny website where you can see my favourite image of a bunny eating some grapes. I also added a link under the image which redirects you to a website where you can see a new image of a bunny every day. I changed the font so it looks nice and made the background green to try match the image.