Skip to content

ChatRoom is an application where users can connect with one another through private chat rooms. Each user needs to have a profile in the app and they can create rooms, add other users to their rooms, remove users from room, or join other rooms.

Notifications You must be signed in to change notification settings

SinghHarman286/chat-room

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 

Repository files navigation

chat-room

Overview

ChatRoom is an application where users can connect with one another through private chat rooms. Each user needs to have a profile in the app and they can create rooms, add other users to their rooms, remove users from room, or join other rooms.

Technologies Used

  • TypeScript
  • React.JS (FrontEnd)
  • Node.JS/Express.JS (BackEnd)
  • MongoDB (Database)
  • Socket.io
  • React Router
  • Ant Design (FrontEnd UI Library)

App Flow

Sign up and Log in

CPT2110150201-1437x688

  • Authentication

Screenshot 2021-10-15 at 2 08 00 AM

Screenshot 2021-10-15 at 2 08 12 AM

  • Authorization

Screenshot 2021-10-15 at 2 15 12 AM

Screenshot 2021-10-15 at 2 15 59 AM

Adding Web Sockets

Screenshot 2021-10-15 at 2 19 10 AM

Creating rooms

CPT2110150219-1403x654

Screenshot 2021-10-15 at 2 20 40 AM

Joining Rooms and Adding Users (with admin privilege)

room

Screenshot 2021-10-15 at 2 44 32 AM

Removing Users (with admin privilege)

room

Screenshot 2021-10-15 at 2 35 56 AM

Screenshot 2021-10-15 at 2 38 54 AM

Chatting between the users

room

Screenshot 2021-10-15 at 2 38 34 AM

Instructions to run the app:

  • npm install -g typescript
  • npm install ts-node
  • git clone https://github.com/SinghHarman286/chat-room.git
  • In the root of the project directory, run cd api/ && npm install && npm start && cd ..
  • cd client/ && npm install && npm start
  • Visit localhost:3000

Enhancements

  • Deploy on Heroku
  • Add refresh tokens
  • Add Search through rooms and users

About

ChatRoom is an application where users can connect with one another through private chat rooms. Each user needs to have a profile in the app and they can create rooms, add other users to their rooms, remove users from room, or join other rooms.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published