Slack Clone

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

Table of Contents

• Motivation
• Description
• Screenshots
• Demo
• Installation
• Technology
• Features
• Team
• License

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

• Thread

• Live Messages

• Threaded Replies

• Update User Details

---

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

• MIT license