Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reaperdragon/discord-mern
Discord App Built with MERN Stack.🎮Chat Functionality, Users can send friend Invitations, start stream.📹
https://github.com/reaperdragon/discord-mern
discord expressjs httpstatuscode jwt-authentication material-ui mongodb mongoose nodejs reactjs redux socket-io
Last synced: 3 days ago
JSON representation
Discord App Built with MERN Stack.🎮Chat Functionality, Users can send friend Invitations, start stream.📹
- Host: GitHub
- URL: https://github.com/reaperdragon/discord-mern
- Owner: reaperdragon
- Created: 2022-06-19T02:56:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-26T06:25:48.000Z (over 1 year ago)
- Last Synced: 2024-07-29T20:52:54.880Z (5 months ago)
- Topics: discord, expressjs, httpstatuscode, jwt-authentication, material-ui, mongodb, mongoose, nodejs, reactjs, redux, socket-io
- Language: JavaScript
- Homepage:
- Size: 524 KB
- Stars: 15
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Discord MERN Clone
### Built with Node js, Express js, Mongoose(Object Modeling for MondgoDB), React Js.
### Functionalities
- Send Request & Accept Request.
- Video Chat.
- One - One Chat.
- Camera Disabled Or Enabled.
- JWT Authentication.
### Tech
- Frontend : [React Js](https://reactjs.org/)
- Backend : [Express js](https://expressjs.com/)
- Style : [Material UI](https://mui.com/)
- Database : [MongoDB Atlas](https://www.mongodb.com/)
- Routing : [React Router Dom V6](https://reactrouter.com/)
### Installation
#### Clone
- Clone this repo with url `https://github.com/Aakrut/discord-mern`
##### Setup
> Install npm dependencies using npm install
```
$ cd client && npm install
$ cd server && npm install
```
> Set up a MongoDB database either locally or provision a free database with MongoDB Atlas
> Create a .env file in the server directory
> Set up required environment variables.
```
MONGO_URI=Your_MONGO_URL
JWT_SECRET=YOUR_SECRET_KEY
JWT_LIFETIME=TIME
```
> Create a .env file in the client directory
```
REACT_APP_API=YOUR_SERVER_URL
```
> Navigate in the directory and run the following command
```
npm start
```
### Screenshots
Dashboard
Send Request
Chat
