IT IS QUITE EASY TO CHEAT ON THIS, BUT PLEASE DON’T CHEAT. IT’S MORE FUN TO FIGURE IT OUT YOURSELF.

Windows (but like... in a website)

So yeah I tried to recreate a Windows-y thing in the browser.
It’s not real Windows obviously lol, but it has a lock screen and then a home page.

No big frameworks or anything. Just HTML/CSS/JS.

What it has

• Lock screen with time + date (like the real one)
• Click anywhere / press Enter to go to the PIN screen
• If you type the PIN right, it takes you to the home page
• A bottom app tray on the home page with some icons

How to use it

Just open index.html in your browser.

Project Status

I am currently actively working on this project. The goal is to keep it pure HTML, CSS, and JavaScript. Third-party libraries will only be introduced if absolutely necessary for complex functionality.

Todo List

• Main Grid: Implement draggable items that automatically snap/place themselves into the nearest available grid cell.
• Window Manager: Develop a core window system that handles:
  • Basic window frame controls (Minimize, Maximize, Close).
  • Draggable window functionality.
  • Z-index management for active windows.
• More to come... (I have a lot planned!)