Skip to content

flow-state-15/NotDiscord

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

379 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Concord - Clone of Discord

Initially, this project was bootstrapped with Create React App. Backend is coded in Python and frontend is coded in JavaScript and CSS, using React/Redux. This project also features Docker implementation.

View our Live Website Via Heroku.

View our Wiki for the project

Splash Page

Main Page


Run App

Frontend Startup

Enter the following into terminal while within react-app dir

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Backend Startup

Enter following into terminal while within project root

pipenv run flask run

Feature List

We are going for an accurate clone of Discord.

  • User Sign up
    • username -- append a random number (#1234)

Signup Example Image

  • Create Servers
    • Servers are full CRUD

Create Servers Example Image

  • Join Server Discovery
    • Shows all servers that can be joined

Join Server Discovery Example Image

  • Create Channels Within Servers
    • Channels are full CRUD

Create Channels Example Image

  • Channel Messaging
    • Server messaging with sockets
    • Multiple format embedding

Embed Example Image

  • Private Messaging
    • between 2 users

Private Messaging Example Image

  • Friends List
    • invite to add friends
    • accept invite to add friends
    • view friends list

Friends List Example Image

How to use Concord

Join Server

You can join any server from the discovery page.

Create Server

Any user can create a new server with the + button at the bottom of their server list.

Create Channel

If you own the server, you can create a channel with the + button to the right of the Text Channel text.

Send Message

Any user can send a message with the message box at the bottom of any channel message list.

Message Embed

Messages automatically embed many types of links when sent.

Add Friends

Click on a user’s avatar so you can see the Add Friend button. They will be given the choice to accept from their friends list.


Authors and acknowledgment

Dan Purcell's Github

Jason Zhou's Github

Michael Ericson's Github

Nebyou Ejigu's Github

About

Pixel perfect clone of discord complete with friends, messaging, servers, channels and group messaging features.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors