Chatify

By: Sakib Ansari

Chatify is a feature-rich real-time chat application that enables users to exchange messages instantly. Users can create personal accounts, securely authenticate with JWT, and upload profile pictures using Cloudinary. The app supports both one-on-one and group conversations, with real-time updates powered by Socket.IO. Chatify ensures a responsive and smooth user experience with its modern UI, built using Tailwind CSS and Daisy UI. The app is designed to prioritize both performance and security, offering features like password encryption with bcrypt and real-time image sharing.

Github Live Demo

Frontend -

React.js - For building dynamic and responsive UI components.
Daisy UI - For easily implementing elegant, pre-designed UI components.
Tailwind CSS - For designing a custom, modern, and fully responsive interface.
Redux Toolkit - For managing global state efficiently.
React Hook Form - For building and validating forms with simplicity.
React Router DOM - For seamless navigation and route management.
Axios - For handling API requests and managing client-server communication.

Backend -

Express.js - For creating REST APIs and handling server-side logic.
Socket.IO - For enabling real-time communication between users.
MongoDB - For storing user data and chat messages.
JWT - For secure user authentication.
Cloudinary - For managing media uploads like profile pictures.
Bcrypt - For encrypting user passwords and ensuring data security.