benlyazid / discord-clone

Discord using Reactjs, Mongodb and Nestjs

To see the full preview of discord clone check the Video Of Discord Clone

Technologies

About

Discord with Features like realtime chat app, Private chat, Rooms chat

• Realtime notifications when a room created or a user join a room.
• React is used along with react-toastify to user friendly front-end.
• React Routing with Error handling and Discord Loading between pages.
• Realtime notification for rooms and also for private direct messages
• Nestjs with json web token web token for authentication and authorization
• Nestjs with Rest Api to see all users, rooms and messages
• Swagger api documentation in http://localhost:5000/api#/ after run the Backend

Run and build

Clone the project

git clone https://github.com/kirwa-KO/discord-clone.git

Install Backend and Frontend dependencies

cd Backend && npm i
cd Frontend && npm i

Note: Before Startup project change mongodb databse link

# change the app variables with your
cd Backend && cp .env.sample .env
# and put in  MONGODB_URI variable in .env with your mongodb database link

Startup project

cd Backend && npm run start:dev
cd Frontend && npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Build the project and get the optimized version

cd Backend && npm build
cd Frontend && npm build

License

discord-clone is licensed under MIT license. View license. LICENSE

Support

This app costs me time to make and maintain every time.

[I am very 😀 about every coffee!]