Chat application that uses Node and Socket.io to enable real time communication between two users. The authentication system is based on jwt tokes stored inside of cookies. The front end is constructed using ReactJS.
View the live webapp here.
Simchat.Demo_Trim.mp4
- Authentication using Json Web Tokens stored inside of cookies.
- Users can friend each using their numbers.
- Users can communicate with each other in real time. (Based on websockets using socket.io library)
- Chat scrolls down to bottom when a new message is recieved.(Using javascript)
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line run the following commands:
# Clone this repository
$ git clone https://github.com/danyaalmahmood/Simchat
# Go into the repository and open the server folder
$ cd Simchat/server
# Install dependencies
$ npm install
# Run the app
$ npm startNote If you are serving the front end from a different domain add the backend domain in the socket initialization inside of src/components/Messages.js file.
const socket = io("https://localhost:4000");- React
- Redux
- Tailwind
- Node
- Express
- Postgres
- Prisma
- Socket.io