arihant-jain-09 / discord-clone Goto Github PK

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

Home Page: https://arihant-jain-09.github.io/discord-clone/

License: MIT License

HTML 1.26% CSS 0.51% JavaScript 79.53% SCSS 18.71%

discord discord-clone firebase firestore authentication googleauth firebase-hosting redux react discord-roles

discord-clone's Introduction

Technologies

Screenshots

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

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

discord-clone's People

Contributors

Stargazers

Watchers

Forkers

princessdesynk ankurmishra1992 noxitb mrozmanith 1762001 jungrok5 dogedogo69 unbl0ck3d dynastii zerofill flarfgithub caffeinet ilkhom-s catrblx markthe coocooparrots bananajt devilscode80 otrh shah77pc sxshley rezakhanicps riveraj33 jesuisloeuf rashira-moonwolf client13 updownup-64bit stitchdev candc-admin werewolf17 hugoxx-official digdug101 mernstackaswin apoclypseyt peter-w07 paloodev andriyk01 sungod12 poseidon-sv biddet screwable hvanphucs benjamininpact fandresenajasmin keanesnow98 biscut710 david-coach-dev telaaunblockedsits elijah-glitch friotech-ventures errorhuvrom ryzeblaze anchit11 cristianofilho seshubonam cyclokid centricgamer834 billybobisverycool grilledpython mhwh-dev dvk31 xyztlp vashong warpedentrance wendelltech natelie2023 tasfinthebigboy blizmint rdplover25 bagriellaa jacky-odoo rocky2242 hnijdam kmuchiri archimedes233g frostneek asanjhi ritavkashyap123 qdweer3 mikelzzz2 dandepan303 cubicdev1 bunny899 vietgs03 notsharingrealname toxic-create ravealonely ashish-1503 yayayya21312 imadev58 julis401 el-hadji-mamadou-sarr darealytygrunn1ngark456 yeetdesignsyd kkk2z renansamp troais

discord-clone's Issues

npm run start error

This is one of the best discord clone I have seen online, however I met an issue starting the server

Could anyone help me with this?

$ npm run start
Starting the development server...

events.js:353
      throw er; // Unhandled 'error' event
      ^

Error: ENOSPC: System limit for number of file watchers reached, watch '/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/public'
    at FSWatcher.<computed> (internal/fs/watchers.js:218:26)
    at Object.watch (fs.js:1582:34)
    at createFsWatchInstance (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:38:15)
    at setFsWatchListener (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:81:15)
    at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:233:14)
    at FSWatcher.NodeFsHandler._handleDir (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:429:19)
    at FSWatcher.<anonymous> (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:477:19)
    at FSWatcher.<anonymous> (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:482:16)
    at FSReqCallback.oncomplete (fs.js:193:5)
Emitted 'error' event on FSWatcher instance at:
    at FSWatcher._handleError (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/index.js:260:10)
    at createFsWatchInstance (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:40:5)
    at setFsWatchListener (/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/node_modules/webpack-dev-server/node_modules/chokidar/lib/nodefs-handler.js:81:15)
    [... lines matching original stack trace ...]
    at FSReqCallback.oncomplete (fs.js:193:5) {
  errno: -28,
  syscall: 'watch',
  code: 'ENOSPC',
  path: '/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/public',
  filename: '/home/yerong/Documents/Graph_Toolformer/tmp/discord-clone-master-routing/public'
}

Installation Assistance

Hello,

Would you be willing to install this on a VPS server? Let me know if you charge for this sort of service,

Unhandled Rejection (TypeError): Cannot read property 'senderemail' of undefined

build time errors

there is build time dependencies errors, i have tried my best but in vain.