Skip to content

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.

Notifications You must be signed in to change notification settings

PrinceSinghhub/Discord-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

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. Table of Contents

Features
Prerequisites
Installation
Usage
Technologies
Contributing
License

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/your-username/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.

Video 🎥

Screen.Recording.6-11-2023.6-37-52.PM.mp4

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published