Skip to content
dev
Switch branches/tags
Code

Slack Clone

Slack Clone

This project clones the popular communication app, Slack, using the MERN stack.

Table of Contents

Motivation

During our first group meeting, one of our members suggested a live chat app. Cloning Slack was brought up and we stuck with it and ran.

Description

This app behaves in a smiliar manner to Slack. A user can register, login, start a new channel, start a new thread, leave comments, update their name and even change their profile image. A user can also edit their own comments as well.

Demo

Live App

Screenshots

  • Dashboard Screenshot

  • Thread Screenshot

  • Live Messages Add Comment

  • Threaded Replies Add Thread

  • Update User Details Update User


Installation

Clone

  • Clone this repo to your local machine using https://github.com/chingu-voyages/v16-bears-03-BE.git

Setup

now install node packages in back-end

$ npm install

now install node packages for front-end

$ npm --prefix ./client install

Run Locally

  • Run front end and back end together, using Concurrently. Front end runs on port 3000, while server runs on port 8000.
$ npm run dev

Technology

  • React
  • Express
  • MongoDB w/ Mongoose
  • Node.js
  • Socket.io
  • Passport.js
  • JWT Token
  • Bcrypt

Features

  • Create Channels
  • Add Messages to Channels
  • Threaded Messages
  • Update user profile
  • Live updates in client browser

Team


License

License