Twitter UI Clone

This project is a simple UI clone of Twitter's login and home pages. It is built using modern frontend technologies such as Vite, Tailwind CSS, React, React Router DOM, and React Icons.

Table of Contents

• Features
• Getting Started
  • Prerequisites
  • Installation
  • Running the Project
• Usage
• Technologies Used
• Contributing
• License

Features

• Twitter login page UI
• Twitter home page UI
• Responsive design with Tailwind CSS
• Navigation using React Router DOM
• Icons using React Icons

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/sivadarshan26/Twitter_Clone
   cd Twitter_clone

2. Install dependencies:

   npm install

   Or if you prefer using yarn:

   yarn install

Running the Project

To start the development server, run:

npm run dev

Or with yarn:

yarn dev

This will start the Vite development server and you can view the project by opening http://localhost:3000 in your browser.

Usage

• Login Page: Navigate to / to view the Twitter login page UI.
• Home Page: Navigate to /home to view the Twitter home page UI.

Technologies Used

• Vite: Fast development build tool.
• React: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework.
• React Router DOM: Routing library for React applications.
• React Icons: Library for including popular icons in React projects.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Ensure your code follows the project's coding guidelines and is well-documented.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---