This is a clone of the popular chat application Discord, implemented as a website using HTML and Tailwind CSS. The website allows users to create accounts, join servers, chat with other users, and more.
- HTML
- Tailwind CSS
- Responsive layout for desktop and mobile devices
- Navigation bar with menu dropdowns
- Server list with icons and notifications
- Chat channels with messages and user avatars
- Input forms for sending messages and joining servers
- And more!
To run the website locally, you need to have Node.js and npm installed on your computer. Then, follow these steps:
- Clone the repository to your local machine.
- Install the dependencies using npm install.
- Set up a Firebase project and enable email/password and Google authentication.
- Create a .env file in the root directory and fill in the Firebase configuration variables (see .env.example).
- Run the website using npm start.
- Open the website in your browser at http://localhost:3000.
This project is inspired by the Discord website and was created by Karan Chaudhary as a learning exercise. The Tailwind CSS framework was used to speed up development and create a clean and responsive design.
Contributions are welcome! If you find a bug or have an idea for a new feature, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.