Skip to content

pimoux/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 

Repository files navigation

Realtime Chat Application

Presentation

This is a Realtime Chat Application made with React, socket.io, Express and NodeJS.
I resume the JS Mastery's Chat App tutorial where I added a lot of features on my Realtime Chat Application. Huge thanks to him for his tutorial, you can see his YouTube channel here.
You can try the demo here.

Features

-messages, images
-private messages, private images
-public and private speech recognition
-history of the last 100 messages sent by users
-room system
-users can delete their messages and images
-user list in a room and room list
-a user can block or unblock a user
-responsive

How to test it ?

Clone the project on your local machine: git clone https://github.com/pimoux/chat-app.git
Install the node modules in client and server folder: npm install
Server folder, start the server: node server.js, if you have nodemon: nodemon server.js
Client folder, run the project: npm start and then you can see the project in your browser on localhost:3000

UI Desktop

Screenshot 2021-08-19 at 23 03 02

UI Mobile

mobile mobile2 mobile3