🪟 WinOS

Windows But In Web

A lightweight, interactive web-based desktop environment simulation built entirely with vanilla HTML, CSS, and JavaScript.

(Replace img/wallpaper.jpg with a screenshot showing your open apps if you'd like!)

✨ Features

• Interactive Desktop: Clickable app icons that launch floating windows.
• Window Management: Draggable windows with minimize, maximize, and close controls, complete with click-to-front behavior.
• Taskbar & Start Menu: Features a live clock, dynamic running app indicators, and a classic Start Menu overlay.
• Built-in Apps:
  • 🧮 Calculator: Fully functional JavaScript-based calculator.
  • 📝 Notepad: A simple text area for jotting down quick notes.
  • ⚙️ Settings: Basic mock system specs UI.
  • 🖥️ Terminal: Retro-style command line interface mock with a blinking cursor.

🛠️ Technologies Used

• HTML5: Clean layout and semantic structure.
• CSS3: Glassmorphism (backdrop-filter), Flexbox, Grid, custom variable-free styling, and animations.
• Vanilla JavaScript: DOM manipulation, custom event handling for drag-and-drop, and state tracking (z-indexes, window bounds) without any external libraries or frameworks.

🚀 How to Run

Since WinOS is built entirely with plain frontend technologies, there are no build steps, Node packages, or server requirements.

1. Clone the repository:

   git clone https://github.com/AnupSharma12/WinOS.git

2. Navigate into the folder:

   cd WinOS

3. Open the index file: Simply double-click index.html to open it in your default web browser.

🤝 Contributing

Contributions, issues, and feature requests are highly appreciated! Feel free to check the issues page if you want to contribute.

1. Fork the project.
2. Create your feature branch (git checkout -b feature/NewApp).
3. Commit your changes (git commit -m 'Add new custom App').
4. Push to the branch (git push origin feature/NewApp).
5. Open a Pull Request.

📝 License

This project is open-source and free to use.