Connectable: the chat application 💬

A brief walkthrough to all the features one-by-one

Real-time Messaging 📧

Real-time messaging functionality is implemented using Pusher for websocket connections and MongoDB for message persistence. This combination enables instant message delivery while maintaining a reliable message history.

How it works:

• Messages are stored in MongoDB for persistence and message history
• Pusher handles the real-time websocket connections between users
• When a message is sent, it's saved to MongoDB and simultaneously broadcast through Pusher to all connected clients

Database Strcture </>

The Fun Elements ✨

1. Text Decorations

2. React Emoji Picker

2. GIFs using Tenor API

Media Sharing Options 📄

1. Use the attachment icon on left

2. Copy-paste from the internet

3. Copy from your file manager and paste in the textbar!

4. Drag and drop~

Media Embeddings 🔗

Attention Seeking Elements 🔔

1. Sound Pings + Title Bar Updation

*(if site is open is some other tab)

2. SMS Notification Button (using Twilio API)

Saved Messages 💾

Clear Rest Database 🗑️

Logout 🔓

Contribution Guidelines

Contributions are welcome! If you find a bug or have a feature request, feel free to open an issue or submit a pull request.

Psst.. You can star this repo

Contact Me