folk0297 - Stardance

Ship

I built a browser-based Web OS using HTML, CSS and JavaScript. It lookslike a simple desktop interface and includes features like a search bar,draggable windows, Notes, Calculator, Timer, Todo List and a two-playerPing Pong game. I also added local storage so some data (like notes and todo items) stays saved even after refreshing the page.

The trickiest part was managing the window system and getting all the apps to work together. I also struggled with some JavaScript bugs (like function scoping and event listeners) and making the UI feel smooth and responsive on different screen sizes. Handling local storage and the game logic for Ping Pong took some time too.

I’m proud that I was able to build everything on my own, from scratch. Getting the draggable windows, local storage and the game working was satisfying. I also like how the final project looks and feels - it’s simple but clean and actually works, and it taught me a lot about web development and problem solving.

3 devlogs
6h
WebOS 1

Try project → See source code →

Open comments for this post

@folk0297 on My OS · 26 days ago

16m 16s logged

DEVLOG# 3 i did some changes and added one of my favourite game title screen as a background and it look so firee🔥🔥!! i was planning on changing its background as it was looking pale but now its good

Open comments for this post

@folk0297 on My OS · 26 days ago

1h 54m 16s logged

DEVLOG#2 added some most of the apps. a mini ping pong game too working pretty fine , its a double player game so you can play it with your friends , one control with W and S and other player control with arrow keys . beside that also added calculator ,notes timer an about section too is there :)

Open comments for this post

@folk0297 on My OS · 27 days ago

3h 28m 23s logged

DEVLOG #1 of project no. 4 , so i am making a simple and clean my own OS and bro! this is so coool , for now i have added a working search bar and whatever you search will open in a new tab , i have also made the layout for my apps below it but they not functional yet . maybe i will make custom app pixel logos to make it look more aethetic

Ship

@folk0297 on DinoBot 🦖🦖 · about 1 month ago

I made DinoBot, it is a fun Slack bot that lets users discover dinosaur facts, get random dinosaurs, and compare different dinos using simple slash commands. it was quite a fun project and i would recommend this to make one time if you are a beginner. you can follow the guide it make things A LOT EASIER.

The most challenging part was connecting the bot to Slack, handling commands correctly, and deploying it on Nest to keep it running. I’m most proud of turning a simple idea into a working 24/7 Slack bot that people can actually use and interact with.

1 devlog
2h
Make a Slack Bot

Try project → See source code →

Open comments for this post

@folk0297 on DinoBot 🦖🦖 · about 1 month ago

1h 33m 39s logged

devlog #1 of my project no. 3. so in this project i have made my own slack bot called DinoBot .i have added some slash commands like :
/dino-fact , as the name suggest it tells the facts of a specific dino which name you will type.
/dino-random , it chooses the random dino from the data and tell facts about it
/dino-compare , it will show the comparison between two dinos which name you are gonna type here.
honestly,it was very fun project and i really enjoyed making it specially setting things up in terminal for the first time was pretty fun!! i hope you guys will try it too:)

Open comments for this post

@folk0297 on cosmic-view · about 1 month ago

25m 59s logged

for some reason stardance told that i have made more that 30% of css with AI after spending ALLAT of time on it!! so i made it bit minimalistic and after that i idk why my demo link stopped working and kept opening my readme files ,i was genuinely fed up so made a new repository and now its working fine i guess
if you guys want to check out here is the link
https://github.com/folks0297/Cosmic-View

Ship

@folk0297 on cosmic-view · about 1 month ago

I made Cosmic View, a website that uses NASA’s Astronomy Picture of the Day API to bring a different view of the universe to the screen. You can explore APODs by date, move between previous and next days, check out a random APOD, and view the image, title, description, and other details. it was alot of fun making it and i really enjoyed this experience but it does’nt mean it was easy.
i didn’t knew much of javascript so i learned it from beginning i from tutorials, tips from friends and ai too,the most challenging part was connecting the NASA API and making sure the data was displayed correctly on the website. I ran into a few JavaScript and HTML issues, especially small ID mismatches that caused parts of the page to break.
I’m most proud that I built the project myself and got all the features working together. I also like how the final design turned out because it feels like a proper space-themed website rather than just a basic API project.
to test my projects:
live: https://folks0297.github.io/Cosmic-View/
github: https://github.com/folks0297/Cosmic-View

Try project → See source code →

Open comments for this post

@folk0297 on cosmic-view · about 1 month ago

6h 17m 1s logged

Built a NASA picture viewer from scratch. Shows the daily space picture with title and description.i have added a random button to just get a random picture from NASA and it description from past.if you like you check any previous APODs from previous button. it was pretty great experience for me as learned so much , i knew css and html pretty good but i barely used javascript before this so it took me a while to get hands on it .
i used some youtube tutorials and some ai too(just for debugging) to get help in javascript because when i finished my project i was having some issues in showing of pictures and it turned out to be just a typo error ,but anyways im still proud of this project because it looks so cool!! i spend a lot of time on styling it on css :) i hope you guys like it