Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/lokesh-7977/chit-chat-champs
- Owner: lokesh-7977
- Created: 2023-09-20T12:02:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-22T05:27:48.000Z (8 months ago)
- Last Synced: 2024-06-22T16:32:06.564Z (7 months ago)
- Topics: context-api, cors, expressjs, html-css, mongodb, mongoose, nodejs, npm-scripts, react, react-router-dom, socket-io
- Language: JavaScript
- Homepage: https://chit-chat-champs.vercel.app
- Size: 1.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
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!