✨ChatterBox✨

ChatterBox is a full-stack chat application built using the MERN stack. It features seamless authentication and authorization, allowing users to chat one-on-one or create channels for group communication. 💬✨

Features

• One-to-One Chat: Engage in private conversations with individual users.👥💬
• Group Chat: Create channels where multiple users can communicate simultaneously.📢👨‍👩‍👧‍👦
• Real-Time Messaging: Experience real-time chat functionality with instant updates.⚡📱

Tech Stack

• Frontend: React.js, Tailwind CSS, Vite, Shadcn 🌐
• Backend: Node.js, Express.js, MongoDB 🖥️
• Authentication & Authorization: Secure user login and registration with JWT 🔐

Installation

To get started with the project, follow these steps:

WebSocket Protocol:

1. Clone the Repository

git clone https://github.com/razputshivanshu/ChatterBox.git
cd ChatterBox

2. Frontend Setup

cd client
npm install
npm run dev

3. Backend Setup

cd server
npm install

• Add your MongoDB connection URL to the .env file.

npm run dev

The app will start running!!! 🚀🎉

Future Improvements

• Enhanced Authentication: In future updates, I plan to implement advanced authentication methods like OAuth, social logins (Google, GitHub), and multi-factor authentication for increased security. 🔒