friotech-ventures / discord-clone-1

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 components and firebase CRUD

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

• Website
• GitHub

Deployed

• GitHub

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