A clone of Discord with features like realtime chat app, roles, file sharing, servers...etc,
- React is used along with Redux to power front-end.
- Redux to manage state along with Redux Saga.
- React Routing with Error handling and Discord Loading between pages.
- Firebase is used for authentication and firestore to store messages, users and servers.
- Material UI is used along with SASS with a little of styled components for UI.
-
Server Channels
i) Create channels
ii) Delete channels
-
Message Management
i) Server owners can delete any message
ii) Message author can delete and edit their own messages
-
Member Management
i) Kick members as the server owner
ii) Easily leave the server by right clicking the server
iii) Join servers with an invite code
-
Server Management
i) Create servers as you would in Discord
ii) Edit server name, and icon URL in the server settings
iii) Delete your server in the server settings
-
User Management
i) Manage your account by clicking the settings icon
ii) Change your username, and avatar
iii)Delete your user and prevent it from being used to login
-
TypeScript: 97.9%
-
Javascript: 1.3%
-
CSS: 0.8%
-
Clone the repository: git clone
git clone https://github.com/<github_username>/Discord-Clone
-
Go to the Discord-Clone directory:
cd discord-clone
-
Install the dependencies in the root of the repo:
npm install # install dependencies
-
Copy the example
.env.local.example
to.env.local
.env.local.example
This project needs a ⭐️ from you. Don't forget to leave a star ⭐️