Skip to content

This is communication app chat application react and node

Notifications You must be signed in to change notification settings

BitBravo/chat-app

Repository files navigation

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

Registration

alt text

Chat

alt text