Skip to content

Discord app Full-Stack clone made with React, SCSS, Typescript, Nginx & Docker

License

Notifications You must be signed in to change notification settings

justheimsk/discord-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🇧🇷🇵🇹Português

Website

About the project

In this project, I will recreate the Discord application both in the Backend and Frontend, the main goal of this project is to test my skills and see how long it would take to develop an application of this level/niche, I intend to make its functionality/visual as close as possible to the original Discord.

Table of Contents

Built With

  • React
  • TypeScript
  • SASS
  • HTML5
  • CSS3
  • Nginx
  • Docker

Installation

Make sure you have Git, Docker, and Docker Compose installed, and a recent version of Nodejs and NPM

  1. Clone the repository
git clone https://github.com/devdimer/discord-clone.git
  1. Start the docker-compose services
docker-compose up

After that, the app should be up and ready to be accessed, just open the browser and type the url http://localhost:80

Roadmap

  • Client
    • Basic UI
    • Registration/login UI
    • Loading screen
    • Profiles
    • Friends UI
    • Account/app settings screen
    • Guild (server) settings
  • Server
    • Create/Edit/Delete account
    • Create/Edit/Delete guild (server)
    • Create/Edit/Delete categories and channels
    • Create/Edit/Delete messages
    • WebSockets
      • Real-time message event
      • Real-time guild event
      • Real-time channel event
      • Real-time role event
    • Create/Edit/Delete roles
    • Moderation actions (ban, kick, mute)
    • Role and user permissions
    • Add friends
    • Private messages

About

Discord app Full-Stack clone made with React, SCSS, Typescript, Nginx & Docker

Topics

Resources

License

Stars

Watchers

Forks

Languages