discord-clone
discord-clone copied to clipboard
Discord (with unique roles in each server, image, audio sharing, auto render video links in messages, discord loading logo between page renderings) with React, React Router, Material UI, SASS, Styled...
Technologies
Screenshots
Table of contents
- About
- Installation
- Links
- Deployed
- Features
- Website Score
- Contribution
About
A clone of Discord with features like realtime chat app, roles, file sharing, servers...etc,
- React is used along with Redux to power front-end.
- Redux to manage state along with Redux Saga.
- React Routing with Error handling and Discord Loading between pages.
- Firebase is used for authentication and firestore to store messages, users and servers.
- Material UI is used along with SASS with a little of styled components for UI.
Installation
#install dependencies
$ npm install
build for production and launch server
$ npm run build
$ npm run start
Links
Deployed
Features
- Real time messaging
- Loads User Data upon login (Servers, Channels, Roles)
- Loading logo of Discord between page renderings
- Creation and Joining Servers
- Creation of Channels in a Server
- Server Settings (Change name and delete)
- Channel Settings (Change name and delete)
- Reply to messages
- Upload and send images, audio files
- Auto render video from links
- Timestamps for messages
- Create new Roles unique to each server
Contribution
Contributions are always Welcome...
- Fork the repository
- Improve current program by
- improving functionality
- adding new feature
- bug fixes
- Push your work and Create a Pull Request