Welcome to X Clone! This project is a near-perfect clone of X.com with a few minor changes and enhancements. Built using HTML, TailwindCSS, and Node.js, X Clone aims to replicate the user experience and interface of the popular website with some additional features and improvements.
- Demo
- Features
- Technologies Used
- Getting Started
- Prerequisites
- Installation
- Usage
- Contributing
- License
- Acknowledgements
Check out the live demo of X Clone:
- Using Netlify: X Clone Live Demo
- Using Github Pages: X Clone Live Demo
- 🎨 Responsive Design: Adapted for both mobile and desktop views.
- 🚀 Fast Loading: Optimized performance for quick page loads.
- 💬 Interactive UI: Smooth and interactive user interface.
- 🔍 Search Functionality: Quickly find what you’re looking for.
- 🛠 Easy Customization: Well-organized codebase for easy customization.
- 💡 Modern Aesthetics: Uses TailwindCSS for modern and sleek design.
- HTML5: For the basic structure and semantics.
- TailwindCSS: For styling and responsive design.
- Node.js: For backend development and server-side logic
To get a local copy up and running, follow these steps.
Make sure you have the following installed on your local machine:
- Node.js (v14 or later)
- npm (v6 or later)
- Clone the repository:
https://github.com/EpicNesh26/X-Clone.git
- Navigate to the project directory:
cd x-clone
- Install dependencies:
npm install
- Start the development server:
npm run build
npm run dev
- Open your browser and visit:
http://localhost:3000
Explore the X Clone and enjoy the features!
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
- x.com for the inspiration.
- TailwindCSS for their amazing CSS framework.
- Node.js for the backend framework.
Feel free to reach out with any questions or feedback! Happy Coding! 🚀