🎮 Discord Clone

Welcome to the Discord Clone project! This project aims to replicate the look and feel of Discord using HTML, CSS, and JavaScript. It is fully responsive and includes many animations to enhance the user experience.

📋 Table of Contents

• Demo
• Features
• Technologies Used
• Installation
• Usage
• Contributing
• Screenshots

🌐 Demo

Check out the live demo of the project here.

✨ Features

• Responsive Design: Works seamlessly on desktops, tablets, and mobile devices.
• User Interface: Clean and intuitive UI similar to Discord.
• Animations: Smooth and engaging animations for various interactions.
• Channel Navigation: Sidebar navigation for different channels.
• Single Page: All content is available on a single page without messaging capability.

🛠 Technologies Used

• HTML5: For structuring the web pages.
• CSS3: For styling and animations.
• JavaScript: For interactivity and dynamic behavior.

🚀 Installation

To get a local copy up and running, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/AzaanUllah-Khan/discord-clone.git

2. Navigate to the project directory:

   cd discord-clone

3. Open the index.html file in your preferred browser:

   open index.html

💡 Usage

Explore the different features of the Discord clone by navigating through channels and enjoying the animations. Customize the code to add more features or improve the existing ones.

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📷 Screenshots