Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohith-2002/chat_app
Chatomatic - the ultimate chatting experience! It's made using MERN stack (MongoDB, Express.js, React, Node.js) and powered up by Socket.io. This means you get super-fast messaging that's as quick as lightning. Easily stay connected with friends and family.
https://github.com/mohith-2002/chat_app
expressjs mongodb nodejs react redux socket-io
Last synced: 5 days ago
JSON representation
Chatomatic - the ultimate chatting experience! It's made using MERN stack (MongoDB, Express.js, React, Node.js) and powered up by Socket.io. This means you get super-fast messaging that's as quick as lightning. Easily stay connected with friends and family.
- Host: GitHub
- URL: https://github.com/mohith-2002/chat_app
- Owner: MOHITH-2002
- Created: 2023-08-21T16:06:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-06T14:40:34.000Z (about 1 year ago)
- Last Synced: 2024-11-20T19:40:31.888Z (2 months ago)
- Topics: expressjs, mongodb, nodejs, react, redux, socket-io
- Language: JavaScript
- Homepage: https://chatomatic-chat1.vercel.app
- Size: 10 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chatomatic (Chat app): React, Scss, MongoDB,Socket.io.
This is a repository for a Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher.
Master the art of building a real-time Messenger clone using the latest web development technologies. In this comprehensive tutorial, we'll walk you through the process of creating a fully-functional and visually stunning chat application that rivals the best in the industry.
Key Features:
- Real-time messaging
- Message notifications and alerts
- File and image upload using Cloudinary CDN & Firebase
- Client form validation and handling using react-hook-form
- Server error handling with react-toast
- Message read receipts
- Online/offline user status
- How to write POST, GET, and DELETE routes in route handlers (app/api)
### Prerequisites
**Node version 14.x**
### Cloning the repository
```shell
git clone https://github.com/MOHITH-2002/ChatApp_Updated.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_API_KEY=
REACT_APP_USER_ID=
MONGODB_URL=
SECRET_KEY=
TOKEN_EXP=
COKKIEE_EXP=
NODE_ENV=production
```
### Start the app
```shell
npm start
```