Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lokesh-7977/chit-chat-champs


https://github.com/lokesh-7977/chit-chat-champs

context-api cors expressjs html-css mongodb mongoose nodejs npm-scripts react react-router-dom socket-io

Last synced: about 3 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Chit-Chat-Champs - Real-Time Chat Application

Chitchat Champs is a real-time chat application developed using the MERN stack (MongoDB, Express.js, React, Node.js) powered by Socket.io for seamless, instant communication. It provides a platform for users to engage in real-time text-based conversations, making it ideal for team communication, social interaction, and more.

## Features

- Real-time Messaging: Chat with other users in real-time, instantly delivering messages to all participants.
- User Authentication: Secure user registration and authentication system.
- Private Messaging: Send private messages to specific users.
- Group Chats: Create or join group chats with multiple participants.
- Notifications: Get notified when you receive new messages.
- User Profiles: View and edit your profile information.
- Responsive Design: The application is fully responsive for mobile and desktop devices.

## Technologies Used

- **Frontend**: HTML/CSS, React , Chakra-UI
- **Backend**: Node.js, Express.js, Socket.io, MongoDB
- **Authentication**: JSON Web Tokens (JWT)
- **Deployment**: onRender

## Getting Started

Follow these steps to get a local copy of Chitchat Champs up and running on your machine:

1. Clone this repository.
2. Navigate to the `client` and `server` directories and run `npm install` to install dependencies.
3. Configure environment variables as needed.
4. Run `npm start` in the `client` and `server` directories to start the application.

---
I hope you enjoy using Chitchat Champs for your real-time communication needs!