Microsoft Clone - Tailwind CSS Project 2024 Version

Welcome to my 2024 Microsoft Clone project, a responsive and visually faithful reproduction using Tailwind CSS.

Screenshots

Web Version

Mobile Version

Overview

This project is a solo effort to replicate Microsoft's 2024 interface using Tailwind CSS. The clone is not only visually accurate but also ensures a seamless experience on various devices through responsive design.

Getting Started

Prerequisites

• Node.js (for using Tailwind CSS as a development dependency)

Installation

Using Tailwind CSS via Node.js

1. Clone the repository:

   git clone https://github.com/your-username/microsoft-clone.git

2. Navigate to the project directory:

   cd microsoft-clone

3. Install the required Node modules:

   npm install

4. Open the index.html file in your preferred browser.

Using Tailwind CSS via CDN

1. Clone the repository:

   git clone https://github.com/your-username/microsoft-clone.git

2. Open the index.html file in your preferred browser.

Usage

Explore the Microsoft Clone project and navigate through the familiar Microsoft interfaces. The project is designed to be intuitive and responsive, providing a seamless user experience.

Customization

Using Tailwind CSS via Node.js

If you've chosen to use Tailwind CSS via Node.js, explore customization options by referring to the Tailwind CSS documentation.

Using Tailwind CSS via CDN

If you've opted for the CDN approach, check the index.html file for the Tailwind CSS CDN link and customize your project accordingly.

Credits

• Developer: Asad Khan
• Tailwind CSS: https://tailwindcss.com/

Feedback

I welcome any feedback or suggestions! Feel free to open an issue or reach out via email.

Happy coding!