BitBravo / chat-app

This is communication app chat application react and node

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

This is communication app chat application react and node


Languages

Language:CSS 45.8%Language:JavaScript 44.4%Language:HTML 9.8%