Skip to content

fxuls/discord-clone

Repository files navigation

discord-clone

discord-clone is a clone of Discord, a chatting platform that allows users to share messages and media privately or in servers. discord-clone aims to replicate those features both on the front and backend.

Live site

Open discord-clone

Technologies used

Frontend

  • Javascript
  • React
  • Redux
  • FontAwesome

Backend

  • PostgreSQL
  • Python
  • Flask
  • SQLAlchemy
  • SocketIO

Getting started

  1. Clone the repository
git clone https://github.com/fxuls/discord-clone.git
  1. Install python dependencies
pipenv install --dev -r dev-requirements.txt && pipenv install -r requirements.txt
  1. Create a .env file based on the example provided

  2. Setup your PostgreSQL credentials and database according to the variables set in .env

  3. Active your pipenv then run the following command to open shell

pipenv shell
  1. Migrate the database
flask db upgrade
  1. Seed the database
flask seed all
  1. Run the flask app
flask run
  1. Navigate to react-app

  2. Install dependencies

npm install
  1. Start the frontend server
npm start

The application will now be running at http://localhost:3000/

Features

Friends

image

  • Open a direct message with a friend
  • Remove a friend

image

  • Accept or deny incoming friend requests
  • Cancel sent friend request

image

  • Send friend requests by username

Direct Messages

image

  • View and send messages between you and another user
  • Delete or edit messages that you have sent

Servers

image

  • View a list of servers you have joined
  • See list of channels in each server
  • View messages in each channel
  • Send messages to a channel
  • Delete messages you have sent in a channel
  • If you are a mod or admin of server be able to add channels and delete other user's messages

About

A Discord clone written in React and Flask

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published