Online Chat Application with React - Node.js

Basic Overview

You can create your own online chat application & instant message with other at this project.

Used Frameworks & Technologies

React Node.js MongoDB Docker socket.io jsonwebtoken antd

Features

• Register to app

NOTE: It will be check before created user exist with same username or e-mail

• Automatic adding avatar when creating user
• 'Remember me' button & creating a json web token when user logging in

NOTE: You can choose the time range

• Instant Message using socket

• Auto scroll to message's end

• All page's routed with 'react-router-dom'

• All contact list of logined user can see

• Sending direct message to selected user

• Authorization & Authentication with JWT

• Sharing photo,video,documents... with Google Cloud (Will added)

• Dockerizing all application (Will Added)

Installation

! IMPORTANT: You must create 3 new terminal in your IDE. 
- IMPORTANT: You must set the .env file with your info in `server` directory  

First, run the following code in one terminal

cd client
npm install

Then run the following code sequel in other terminal

cd server
npm install

Then run the following code sequel in other terminal

cd socket
npm install

Images

Register

Login

Homepage

Conversations

Personal Comment

I did develop this project when i'm intern at Parts-Soft.Its my first huge project with react because i did use a lot of library of javascript (which i didn't even know what is the javascript 2 months ago).Thanks for Parts-Soft to giving this oppurtunaty to me.Also thanks for Ekrem Tınas which his my project manager in Parts-Soft & Lama Devoloper which my guider.I did learned a lot think like reading documentacion and solving problem & using internet.I hope you like this project ❤.

Feedback

Feel free to send us feedback on E-mail or Linkedin.Feature requests are always welcome. If you wish to contribute its free to open