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!]