Skip to content

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

License

Notifications You must be signed in to change notification settings

mrozmanith/discord-clone-1

 
 

Repository files navigation


Discordclone


NPM version Build status Code Size Build status Total Code lines total code files total number of lines

Technologies

React Redux React-Router Firebase Material-UI SASS JavaScript HTML5

Screenshots

screenshot

Table of contents

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.5%
  • SCSS 18.7%
  • HTML 1.3%
  • CSS 0.5%