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

https://github.com/ayushkumar031/gossip


https://github.com/ayushkumar031/gossip

api mongodb nodejs reactjs socket-io

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

# GOSSIP - Chat Application :busts_in_silhouette:

- 🏷️ GOSSIP Chat App is a real-time messaging application built with React.js, Node.js, Socket.IO, and MongoDB.
- 🏷️ The app allows users to connect, chat, and share messages instantly with a sleek interface and customizable profiles using an API for avatar management.

## Features
- **Real-Time Chat:** Powered by Socket.IO for instant messaging.
- **User Authentication:** Secure login and signup functionalities.
- **End-to-End Encryption:** Text messages are encrypted using AES for enhanced privacy.
- **Customizable Profiles:** Users can update their avatars using an external API.
- **Media Sharing:** Share images and videos (up to 5MB) with preview, download, and copy-to-clipboard functionality.
- **Burner Chat:** Create or join temporary, anonymous chat rooms using a unique 3-word code. These chats expire after one hour and messages are not saved.
- **MongoDB Integration:** For efficient storage of user data and chat history.
- **Responsive Design:** Fully functional on both desktop and mobile devices.

## Tech Stack

### Frontend
- **React.js:** For building the user interface.
- **CSS/SCSS:** For styling the application.

### Backend
- **Node.js:** For handling server-side logic.
- **Express.js:** For routing and middleware management.
- **Socket.IO:** For real-time communication.
- **MongoDB:** For database management.

### APIs
- **Avatar API:** Used for profile picture management.

### Tutorials
- **WebSockets and Socket.IO :**

| Topic | Resource Type |
| ----| ----|
| WebSockets | [Dave Gray Video](https://youtu.be/J8xReLuBNPY?si=yAQgwKY8VGHmweLR) |
| Socket.IO | [Piyush Garg Video](https://youtu.be/UUddpbgPEJM?si=iY889J61wDsZdZFA) |
| Cors Tutorial | [Web dev Simplified](https://youtu.be/PNtFSVU-YTI?si=2c8gMP61bq3jZoxW) |
| Documents | [Notion](https://cumbersome-accordion-690.notion.site/WebSocket-and-Socket-io-17770d1afa5e809f9020cf0ad7a5863e?pvs=4) |

- backend run - https://gossip-u14t.onrender.com
- frontend run - https://gossip-theta.vercel.app

- Video Tutorial - [Video](https://youtu.be/otaQKODEUFs?si=kFUAAOZgg4FhlT4E)