https://github.com/sirravirathore/socketchat

Real TIme Messanger Application
https://github.com/sirravirathore/socketchat

full-stack javascript mern-stack socket-io

Last synced: 3 months ago
JSON representation

Real TIme Messanger Application

• Host: GitHub
• URL: https://github.com/sirravirathore/socketchat
• Owner: sirravirathore
• License: mit
• Created: 2025-01-24T13:15:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-24T13:15:50.000Z (over 1 year ago)
• Last Synced: 2025-01-24T13:39:34.448Z (over 1 year ago)
• Topics: full-stack, javascript, mern-stack, socket-io
• Language: JavaScript
• Homepage: https://messanger-beryl.vercel.app/login
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.md

Awesome Lists containing this project

README

          
# Messanger

A Chatting app build on React and Redux with socket.io for real time chatting as MERN project you can make a gruop chat as well Login and sigup authenicate with bcrypt and json web token live socket single chat group chat sending notification , profile upload and awesome UI/UX storing the chat on mongoDB complete schema using Mongoose

And to make unidirectional i used Redux for making any api call and state management as well

# Registration Page

## User can add their profile picture and all the state and fetching is handle by redux

![Screenshot (96)](https://user-images.githubusercontent.com/95868808/168769221-5c545432-0ceb-46fe-a8eb-aeee7e0f2a60.png)

## If user want to login they can click on Already have on accound

![Screenshot (97)](https://user-images.githubusercontent.com/95868808/168771142-d7ce8aea-92a5-41ae-ad31-6737d8f43fd8.png)

# Homepage

## user can serch any member in input box

![Screenshot (88)](https://user-images.githubusercontent.com/95868808/168771543-56c3e355-d429-40d0-9834-5474d4845d0f.png)

# Search feature with regex

![Screenshot (91)](https://user-images.githubusercontent.com/95868808/168772570-4df3f9ca-63cd-4db9-96e6-bfda7f00723c.png)

# Chatting Page

## user can send emoji as well by hitting enter or a send button

![Screenshot (101)](https://user-images.githubusercontent.com/95868808/168771973-ca02e9c8-d243-4a6b-969b-1653d91e9967.png)

# Emojy box

![Screenshot (98)](https://user-images.githubusercontent.com/95868808/168772972-b8a24446-ca17-44a1-86fb-cb84255b1c27.png)

## When user chatting with different user then I am sending a notification

![Screenshot (100)](https://user-images.githubusercontent.com/95868808/168773203-15f69767-778e-406b-8f9b-743df5f5aebb.png)

# Group Chat

![Screenshot (89)](https://user-images.githubusercontent.com/95868808/168773408-224df4ff-1818-4653-a5fd-48d6fa9ac02b.png)

# Create Group

## User can make a group by just clicking on a option of new group in left side navbar

![Screenshot (92)](https://user-images.githubusercontent.com/95868808/168773783-9a96d8a9-f2b5-4df5-9987-e4b7fbe071a6.png)

# User can search member in this box as well

![Screenshot (94)](https://user-images.githubusercontent.com/95868808/168774098-4b3a0a96-6529-4b38-8fd8-109459af80d0.png)

## If user wan't to add he have to click or wan't to remove they can by clicking on cross sign

![Screenshot (95)](https://user-images.githubusercontent.com/95868808/168774330-fdbc8a44-cd44-4a0d-91ee-9567447057b9.png)