🖥️ Browser-Based Windows OS Simulation

A responsive, interactive simulation of a Windows-style desktop environment built using HTML, Tailwind CSS, and JavaScript.
This project replicates key UI features of a desktop operating system within the browser.

🔗 GitHub Repo: Browser_OS

---

🚀 Features

• ✅ Start Menu with app list and hover effects
• ✅ Taskbar with icons and toggleable menus
• ✅ Glassmorphism design using Tailwind CSS
• ✅ Power options: Shutdown, Lock, and Restart simulation
• ✅ Responsive layout for modern screens
• ✅ Smooth transition animations and JS-based interactions

---

📸 Preview

Add a screenshot or screen recording here to show the interface
You can use Loom, Licecap, or Screenity to create GIFs or videos.

---

🛠️ Tech Stack

• HTML5 – Layout structure
• Tailwind CSS – Utility-first styling and design
• JavaScript – Logic, event handling, and window interaction

---

📂 Project Structure

Browser_OS/
├── index.html
├── /assets/
│   ├── icons/
│   └── wallpapers/
├── /js/
│   └── main.js
├── /css/
│   └── style.css (optional overrides)
├── tailwind.config.js
└── README.md

---

⚙️ How to Run

1. Clone the repository

   git clone https://github.com/Saturn1809/Browser_OS.git
   cd Browser_OS

2. Install Tailwind CLI (optional if customizing styles)

   npm install -D tailwindcss
   npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

3. Open the project

   • Simply open index.html in your browser
   • Or use a local server like:

     npx live-server

---

👨‍💻 Author

Vipin Yadav
🔗 GitHub • LinkedIn