MERN Chat Application

Overview

This project is a real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) with Vite as the frontend build tool. It features user authentication, real-time messaging, group chats, and a responsive user interface.

Features

• User Authentication: Secure login and signup functionality.
• Real-time Messaging: Instant messaging with real-time updates.
• Group Chats: Create and participate in group chats.
• User Profile Management: Update and manage user profiles.
• Responsive UI: A user-friendly interface that works across different devices.

Screenshots

Login Page

Chat Interface

Group Chat

Technologies Used

• Backend: MongoDB, Express.js
• Frontend: React.js, Vite
• Real-time Communication: Socket.io
• Styling: Chakra UI, Emotion

Getting Started

To run this project locally, follow these steps:

Install dependencies:

# At the root directory
npm install

# At the frontend directory
npm install

Starting Server and Client:

# At the root
node backend/server.js

# At the frontend directory
npm run dev

Project Live Link:

https://mern-chat-app-3-cvtl.onrender.com