https://github.com/chingu-voyages/v16-bears-03-be

This project clones the popular communication app, Slack, using the MERN stack.
https://github.com/chingu-voyages/v16-bears-03-be

express jwt mongodb node react socket-io styled-components

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/chingu-voyages/v16-bears-03-be
• Owner: chingu-voyages
• Created: 2020-02-08T18:57:55.000Z (almost 5 years ago)
• Default Branch: dev
• Last Pushed: 2023-01-24T01:20:35.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T23:25:34.076Z (7 months ago)
• Topics: express, jwt, mongodb, node, react, socket-io, styled-components
• Language: JavaScript
• Homepage: https://slack-clone-bears-03.herokuapp.com/
• Size: 19.9 MB
• Stars: 9
• Watchers: 5
• Forks: 2
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Slack Clone

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

## Table of Contents

- [Motivation](#motivation)

- [Description](#description)

- [Screenshots](#screenshots)

- [Demo](#demo)

- [Installation](#installation)

- [Technology](#technology)

- [Features](#features)

- [Team](#team)

- [License](#license)

## Motivation

> During our first group meeting, one of our members suggested a live chat app. Cloning [Slack](https://slack.com/) was brought up and we stuck with it and ran.

## Description

> This app behaves in a smiliar manner to [Slack](https://slack.com/).  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](https://slack-clone-bears-03.herokuapp.com/)

## Screenshots

- Dashboard

![Screenshot](assets/Channel-Image.png)

- Thread

![Screenshot](assets/Thread-Image.png)

- Live Messages

![Add Comment](assets/Add-Comment.gif)

- Threaded Replies

![Add Thread](assets/Add-Thread.gif)

- Update User Details

![Update User](assets/Update-User.gif)

---

## 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

```shell

$ npm install

```

>now install node packages for front-end

```shell

$ 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.

```shell

$ 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](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)

- **[MIT license](http://opensource.org/licenses/mit-license.php)**