Realtime-ChatApp

Welcome to my Chat App! This project showcases my skills in building a modern chat application with a focus on real-time communication. It’s designed to facilitate conversations in user-friendly environment, allowing users to chat in both one-on-one and group chats.

Live Demo

https://chat-app-ecru-nu.vercel.app

Features

• Real-Time Messaging: It Supports Real-Time communication with least latency to provide smooth experience

• Group Chats with Admin Rights: Create group chats where designated admins can manage participants and delete groups.

• Intuitive Search Functionality: Quickly find people by typing in their names.

• User Authentication: Secure login with token-based authentication to protect user data.

• Responsive Design: A fully responsive layout that adapts to different screen sizes .

  Screenshots

1. 
2. 
3. 
4. 

Tech Stack

Frontend: React with Typescript, TailwindCSS

Backend: Express with Typescript , MongoDB , Socket.io

Installation

1. Clone the repo:

git clone https://github.com/yaxsh1102/chatApp.git

2. Install NPM for both folders

cd frontend 
npm i 
cd backend
npm i 

3. Create .env files in both folders \

• For Frontend

REACT_APP_BACKEND_URL=http://localhost:4000/api/v1/

• For Backend

DATABASE_URL = your_mongodb_uri
JWT_SECRET = your_jwt_secret
PORT=4000

4. Run the project

frontend : npm start 
backend  : npm run start:dev

Contact

For any inquiries or feedback, reach out :

• Email: [email protected]