MacOS Clone - Web Edition

A MacOS Clone built using Next.js, styled with Tailwind CSS, aiming to replicate the user experience and interface of MacOS on the web. This project includes desktop features such as a dock, draggable windows, calendar widgets, and other MacOS-inspired components.

---

Table of Contents

• Features
• Demo
• Tech Stack
• Installation
• Usage
• Folder Structure
• Contributing
• License

---

Features

• 💻 Dock: Fully functional MacOS-like dock with app icons and hover effects.
• 🖼️ Draggable Windows: Simulate the draggable windows feature in MacOS for various applications.
• 📅 Calendar Widget: A MacOS-inspired calendar widget.

• 🖱️ Right-Click Menus: Contextual right-click menus for interactions.

---

Demo

🚀 Live Demo: MacOS Clone Web Edition

---

Tech Stack

• Frontend Framework: Next.js (React-based)
• Styling: Tailwind CSS for custom and efficient styling.
• Icons: [React-OSX] for beautiful MacOS-like icons.
• Draggable Windows: Custom window logic using React and Tailwind CSS.

---

Installation

To run this project locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/arnabdotpy/MockOS.git
   cd macos-clone-nextjs
   

Contributing

We welcome contributions to make this MacOS clone even better. Here's how you can contribute:

Fork the project. Create a feature branch (git checkout -b feature/YourFeature). Commit your changes (git commit -m 'Add a cool feature'). Push to the branch (git push origin feature/YourFeature). Open a Pull Request.