Skip to content

Latest commit

 

History

History
116 lines (74 loc) · 2.68 KB

LEARN.md

File metadata and controls

116 lines (74 loc) · 2.68 KB

Discord-Clone

Table of Contents

  1. Introduction
  2. Key Features
  3. Tech Stacks
  4. How to set up?
  5. Snaps

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%

  1. Clone the repository: git clone

    git clone https://github.com/<github_username>/Discord-Clone
  2. Go to the Discord-Clone directory:

    cd discord-clone
  3. Install the dependencies in the root of the repo:

    npm install # install dependencies
  4. Copy the example .env.local.example to .env.local

    .env.local.example

🙏 Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️