https://github.com/bitbravo/chat-app

This is communication app chat application react and node
https://github.com/bitbravo/chat-app

mongodb nodejs react-router reactjs sweet-alert-library

Last synced: about 2 months ago
JSON representation

This is communication app chat application react and node

• Host: GitHub
• URL: https://github.com/bitbravo/chat-app
• Owner: BitBravo
• Created: 2018-03-18T10:54:25.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T00:51:46.000Z (about 2 years ago)
• Last Synced: 2024-11-08T21:37:06.285Z (3 months ago)
• Topics: mongodb, nodejs, react-router, reactjs, sweet-alert-library
• Language: CSS
• Homepage:
• Size: 11.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### 1. Consept

This is Chat application using ReactJS.

I used react as front-end and express as server side.

#####  Backend

-  NodeJs.

-  ExpressJS.

-  MongoDB.

-  Nodemailer.

    

#####  Frontend

-  React.

-  React-router.

-  Reatstrap 

-  Sweet alert .

-  Webpack.

  

### 2. How to run.

##### 1) Install npm packages.

- Backend

````

   $ cd ReactChat

   $ npm install

````

- Frontend

````

  $ cd client

  $ npm install

````

##### 2) Install mongodb and run monodb server.

````

   on Windows 

   https://www.guru99.com/installation-configuration-mongodb.html#1

   on Mac

   https://treehouse.github.io/installation-guides/mac/mongo-mac.html

````

##### 3) Run client and server

   ````

   npm start.

   cd clients & npm start

   ````

### 3. Screens

##### Login

![alt text](screen/login.png)

##### Registration

![alt text](screen/register.png)

##### Chat

![alt text](screen/chat.png)