Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rahil1202/discord_clone


https://github.com/rahil1202/discord_clone

Last synced: about 11 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Discord Clone

This is a Discord clone built using HTML, JavaScript, and Tailwind CSS. It provides a similar user interface and functionality to the popular communication platform Discord.

## Features

- Real-time messaging: Users can send and receive messages in real-time, just like in Discord.
- Multiple channels: Users can create and join different channels to communicate on various topics.
- User authentication: Users can sign up and log in to the application to access the messaging functionality.
- User profiles: Each user has a profile where they can customize their display name and avatar.

## Prerequisites

Before getting started, ensure that you have the following prerequisites installed on your machine:

Node.js (version 12 or above)
npm (comes bundled with Node.js)

## Installation

1 Clone the repository:

git clone https://github.com/rahil1202/discord-clone.git

2 Navigate to the project directory:

cd discord_clone

3 Install the dependencies:

npm install

4 Usage

Start the development server:

npm start

5 Open your web browser and visit http://localhost:3000 to access the Discord clone.

## Technologies

The following technologies were used to build this Discord clone:

HTML: Markup language for structuring the web pages.
JavaScript: Programming language for adding interactivity to the application.
Tailwind CSS: CSS framework for styling the user interface.
Socket.IO: JavaScript library for real-time bidirectional communication.

## Live Link
https://discordclone-rahil1202.netlify.app/