X (Twitter) UI Clone

A clean and responsive X (Twitter) UI clone built using Tailwind CSS.
This project focuses on recreating the layout, dark-mode design, and overall UI structure of X using a utility-first CSS approach.

---

🚀 Tech Stack

HTML5, Tailwind CSS, JavaScript (basic usage), Node.js (for Tailwind build setup)

---

✨ Features

• Dark mode UI inspired by X (Twitter)
• Three-column layout (Sidebar, Feed, Trends)
• Clean and modern design
• Utility-first styling with Tailwind CSS
• Scalable and organized project structure

---

📸 Preview

Screenshots will be added soon.

---

🛠️ How to Run Locally

1. Clone the repository using:
   git clone https://github.com/agarwalpranav0711/x-ui-clone.git

2. Go into the project folder using:
   cd x-ui-clone

3. Install dependencies using:
   npm install

4. Build Tailwind CSS using:
   npm run build

5. Open index.html in your browser.

---

📚 What I Learned

• Building complex UI layouts using Tailwind CSS
• Structuring projects similar to real-world applications
• Using Git and GitHub for version control
• Maintaining clean repositories using .gitignore

---

📌 Future Improvements

• Make the UI fully responsive for mobile devices
• Add interactive features using JavaScript
• Improve accessibility and semantic HTML
• Deploy the project live using GitHub Pages or Vercel

---

🤝 Connect With Me

GitHub: https://github.com/agarwalpranav0711

---

⭐ If you like this project, feel free to star the repository!