Skip to content

ayoopriyanshu/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👉DESCRIPTION

Capture 4

A real-time chat application built with the MERN stack (MongoDB, Express.js, React, Node.js), utilizing Socket.IO for real-time communication, JWT for secure authentication, and Tailwind CSS for a modern, responsive design. Deployed using render.

TryChatrr- https://chatrr-app.onrender.com/login

Setup .env file

PORT= ["GIVE A PORT NUMBER"]
MONGO_DB_URI= ["PROVIDE THE DATABASE URL"]
JWT_KEY= ["RANDOM KEY FOR GENERATING TOKENS"]

Build the app

npm run build

Start the app

npm start

💻SECTIONS & FEATURES

1. Login & Signup functionality

Capture 5 Capture 6

2. Themes

Capture7

3. Sidebar & Home page

Capture 7 Capture 8

4. Meesages section

Capture 9

5. Logout functionality

Capture 10

6. Notification

The app triggers a sound when a message is recieved

🛠️TOOLS & TECHNOLOGIES USED

Node.js [For the backend development]

React [Majorly for frontend]

MongoDB [Database management]

Render [For deploying the app]

Socket.io [For making the app and the messages real time]

JWT [To securely transfer the messages from backend to frontend]

Tailwind CSS [For frontend]

Daisy UI [JSX components]

React toast [Used for the pop up messages]

Support

For any support or assistance, you may email me.

About

A real-time chat application built with the MERN stack, Socket.IO, JWT and Tailwind CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published