Acrobite/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 and complete chat is saved on Mongodb

⭐ 1 stars💬 0 comments

Files

📄 .gitattributes66 B
📁 Client
📄 License.md1 KB
📄 README.md2.4 KB
📁 Server

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-
SocialRepo
Login

loading/repo...

Latest Updates

Discussion