Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 3 months 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 (about 5 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-24T01:20:35.000Z (about 2 years ago)
- Last Synced: 2024-04-13T23:25:34.076Z (10 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
- 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
```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---
## License
[](http://badges.mit-license.org)
- **[MIT license](http://opensource.org/licenses/mit-license.php)**