Discord-Clone-Mern-App

Live Demo - https://project-discord.netlify.app

Video Demo - https://www.linkedin.com/posts/samyak-jain-835a66194_github-mernstackdeveloper-webdevelopment-activity-7013799589367459840-Ygux?utm_source=share&utm_medium=member_desktop

Note:- Features are listed at the bottom

Description - This appication is an attempt to clone the functionalites of the Discord web version.

Previews:

Technologies Used

Socket.io

Front end-

1. React.js
2. CSS
3. React MUI

Back-end -

1. Node.js
2. Express

Database -

1. Mongodb
2. Azure for Image storage

Features:-

• Login and Registration
• OTP Verification
• Realtime sending and accepting requests dashboard and To check pending requests and all friends
• A tag system which lets users have same username but differs them using a autogenerated tag eg. 0001 , so if 2 people have name for eg. 'SPidy' then they have different tags like #0001 and #0002
• Create Server with diffrent templates:-
  1. School Club
  2. Custom Server
  3. Gaming Server
• Add a profile pic for server
• Create more Channels and categories in exisiting servers
• Invite people to Server
  1. Kept in mind that if a user is already in the server it shouldn't add again
• Chat on Servers
• Server Roles - 'Creator' and 'Member'
• Delete Server (Only Creator can delete the server)
• Leave Server - (Member can only leave the server)
• An auth to check if a user is allowed in a particular server or not if he/she gets the url of that server somehow and try to enter in it directly