https://github.com/harshxraj/realtime-chat

Real-Time Chat App platform built with the MERN stack and Socket.IO. It offers secure login/signup, real-time messaging, image support, online status of users, message seen indicators, and user search.
https://github.com/harshxraj/realtime-chat

expressjs mongodb nodejs react socket-io talwindcss

Last synced: about 1 month ago
JSON representation

Real-Time Chat App platform built with the MERN stack and Socket.IO. It offers secure login/signup, real-time messaging, image support, online status of users, message seen indicators, and user search.

• Host: GitHub
• URL: https://github.com/harshxraj/realtime-chat
• Owner: harshxraj
• Created: 2024-02-05T10:17:22.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-14T04:37:23.000Z (8 months ago)
• Last Synced: 2024-05-14T05:33:08.710Z (8 months ago)
• Topics: expressjs, mongodb, nodejs, react, socket-io, talwindcss
• Language: JavaScript
• Homepage: https://chatapp-zdyr.onrender.com
• Size: 8.63 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Real-Time Chat App

This is a real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for real-time messaging feature. 

   It also utilizes Tailwind CSS and Daisy UI for styling.


[Live Link](https://chatapp-zdyr.onrender.com/) 

![Screenshot 2024-03-17 200511](https://github.com/harshxraj/realtime-chat/assets/128404446/291dcf65-ca71-4bab-88fa-7f689e641c9d)

## Features

- **Secure Authentication**: Users can securely sign up and log in to the application.

- **Real-Time Messaging**: Users can chat with each other in real time.

- **Text and Image Sending**: Users can send both text messages and images.

- **Real-Time Online Status**: Users can see the real-time online status of other users.

- **Message Seen Feature**: Users can see when their messages have been seen by others.

- **User Search**: Users can search for other users and start a chat with them.

## Technologies Used

- **MongoDB**: NoSQL database used for storing user data and chat messages.

- **Express.js**: Web application framework for Node.js used for building the backend.

- **React.js**: JavaScript library used for building the user interface.

- **Node.js**: JavaScript runtime environment used for running the server-side code.

- **Socket.IO**: Library for real-time web applications, used for enabling real-time messaging.

- **Tailwind CSS**: Utility-first CSS framework used for styling.

- **Daisy UI**: UI components library for Tailwind CSS, used for additional styling.