Skip to content

J3ermuda/React-Discord-Clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Discord Clone

Functional Discord Clone using React, Socket IO, NodeJS, Express and MySQL

Currently learning WebRTC to implement voice!

Originally started off on a test project for learning Functional Components, Hooks, Socket IO and TypeScript ended up being a Discord Clone.

layout image

Live Version http://ericellb.github.io/React-Discord-Clone

API https://github.com/ericellb/React-Discord-API

Important

If you need to use my backend api change the env variable REACT_APP_API_URL in .env to https://simple-chat-apix.herokuapp.com, otherwise host the API yourself and set this environment variable appropriately.

Features

Implemented Features

  • Real time messaging using Socket IO
  • Local Authentication
  • Loads User Data upon login (Servers, Channels, Private Messages)
  • Creation and Joining Servers
  • Creation of Channels in a Server
  • Server Settings (Change name and delete)
  • Channel Settings (Change name and delete)
  • Persistent channel history
  • Pretty Print Code Blocks enclodes in three `
  • Private messaging
  • Timestamps for messages
  • Show current active users in given server
  • Convert to Typescript (Still need to fix a lot of any types i applied)
  • Voice Chat (Still work to do, but main functionality works)

Planned Features

  • [] Bug fixes + optimize

License

Copyright Eric Ellbogen 2019

About

Discord Clone using React, Node, Express, Socket-IO and Mysql

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.2%
  • CSS 8.2%
  • JavaScript 2.8%
  • HTML 1.8%