Windows 95 Inspired WEB OS banner

Windows 95 Inspired WEB OS

19 devlogs
36h 25m 5s

This is for the WebOS sidequest. I am challenging myself to create WebOS in the style of Windows 95, I tried to keep it as authentic as possible. Username - admin, Password - 1234.

This project uses AI

I used AI for debugging and learning new things. I also used AI for some styling and some JS issues. I also asked it for some ideas to include. I used Copilot for creating the guide, as it went way over my head. Also, I used its help for creating some parts of the explorer.

Demo Repository

Loading README...

sanjeevirajanramajaya

Shipped this project!

Hours: 3.27
Cookies: šŸŖ 94
Multiplier: 28.85 cookies/hr

I am done with this project. I am really proud of what I made and I hope you have fun too. I would challenge all testers to find out the easter egg with clippy. Its a small bit, but I hope you find it entertaining.

sanjeevirajanramajaya

Changes Done So Far


  • I have implemented the right click context menu.
  • I have implemented the boot screen.
  • I have fixed the demo link.
  • I have implemented the solitaire game to play, yay.

I am going to ship again as my demo link crashed and didn’t work right last ship. I hope you guys really like this. Try to find out what’s off about clippy.

Attachment
0
sanjeevirajanramajaya

Shipped this project!

Hours: 9.84
Cookies: šŸŖ 102
Multiplier: 10.37 cookies/hr

I finally decided to look at the feedback and make this WebOS way more functional. I added clippy to guide the user and change the fonts and things about.

It was really fun working on this and I hope you too do have fun.

Try to find the secret easter egg with clippy. It’s my challenge to you.

sanjeevirajanramajaya

I forgot to showcase the explorer so here it is in all its glory.
I added a secret easter egg with clippy which I think will be nice for you guys to find. šŸ˜›


FINAL DEVLOG BEFORE SHIPPING

Attachment
0
sanjeevirajanramajaya

Changelog


I implemented clippy [The famous microsoft mascot as a guide].
It took me a long time, and was achievement with a bit of help from copilot. But, its done.
Along with this, there is also an easter egg which you find with the hint in the attached gif.


I also created a file manager inspired from Windows 95. For this too, I had to rely on AI, as the logic for it went way over my head, but I am proud of what I have done so far.

Attachment
Attachment
1

Comments

pugazhsumathi007
pugazhsumathi007 16 days ago

cool bro

sanjeevirajanramajaya

Small fix to make the project shippable.


-Removed non working maximize button.
-Added sound for ā€˜not implemented’ window and made it have higher z-index.

Attachment
0
sanjeevirajanramajaya

Shipped this project!

Hours: 23.31
Cookies: šŸŖ 251
Multiplier: 10.78 cookies/hr

I built a personal portfolio inspired by Windows 95. I took way longer than I expected but I am really proud of what I have done. I enjoyed creating a lot more than I expected. I learnt a whole lot about layout and styling. The portfolio is complete with features such as draggable windows, 3 custom windows that I made for showcasing my skills, background saving changing settings page, Wolfenstein 3D game. Original cursors, CRT filters, Original Sounds etc. Whew! I am finally done.

sanjeevirajanramajaya

FINAL DEVLOG


I am done.

  • I fixed some bugs such as the z-Index of error window, finalizing window placement etc.
  • Finished the README.

I am really proud of myself for finishing this project.

Attachment
0
sanjeevirajanramajaya

Progress so far :-

  • I have finished ā€œMy Projects Pageā€.
  • I have fixed the github pages deployment by changing my project structure.

I am almost done. Just have to finish the README.

Attachment
Attachment
Attachment
Attachment
0
sanjeevirajanramajaya

Changes Done :-

  • Added a ā€œnot implementedā€ error box.
  • Implement fully all the windows 95 cursors.
  • Background image is saved to local storage.

Now, just some small testing and I should be done.

Attachment
0
sanjeevirajanramajaya

Changes I made so far

-Added settings window with the functionality to change the background.
-Spent a lot of time on the tabs but they work fine now.

Now, I just have to finish my projects and do a complete test run and I should be ready to ship now.

Attachment
0
sanjeevirajanramajaya

Changes made so far

  • Implemented start menu
  • Fixed resume taskbar and old data in resume bug.
  • Changes portfolio images to 8-bit color.

Next to do :

  • Implement CRT styling.
Attachment
0
sanjeevirajanramajaya

Changes made so far

  • Added a window and a icon to download a resume. It has a progress bar to show downloading progress.
  • Added proper window management with proper z-index management and active and inactive window styles.
  • Error on wrong password and login with error sound.
  • Fixed icon dragging and weird issues of icons auto moving.
Attachment
Attachment
0
sanjeevirajanramajaya

Changes made so far -

  • Added login flow to the application.
  • Implemented original boot up sound.
  • Added draggable icons
    Next to do :
    Add downloadable resume with progress bar.
Attachment
Attachment
0
sanjeevirajanramajaya

Changes made so far -

  • I created the minimize, close and maximize buttons.
  • Added the window the taskbar.
  • Implemented maximize, minimize and close functionality.
  • Fixed weird window border issues
0
sanjeevirajanramajaya

I added selection style when clicking on the desktop icons and added the audio image in the system tray.

NEXT TO-DO

  • Create a window
  • Create a Login Page
  • Create a about me window as the first window
Attachment
0
sanjeevirajanramajaya

I started on my WebOS portfolio. I decided to emulate the look and feel of Windows 95. So, I spent a long time collecting icons and perfecting the icons.

I got the icons from here: https://web.archive.org/web/20260312191901/https://win98icons.alexmeub.com/

So, far it resembles the desktop of Windows 95.

I used this as reference:
https://betawiki.net/wiki/File:Windows95-RTM-Desktop.png

I used the dayJS module for time, I used the font VT323 from google fonts.

Attachment
0