https://github.com/rhitik1925/mern_chat_application

This full-stack Chat Application is developed with React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. It delivers a seamless user interface for real-time chats, featuring options for sign up, sign in, logout, profile image updates, user search, individual messaging, group creation, group discussions, group management, and messages.
https://github.com/rhitik1925/mern_chat_application

chat-application express-js mongodb-atlas node-js reactjs redux socket-io tailwind-css

Last synced: 3 months ago
JSON representation

This full-stack Chat Application is developed with React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. It delivers a seamless user interface for real-time chats, featuring options for sign up, sign in, logout, profile image updates, user search, individual messaging, group creation, group discussions, group management, and messages.

• Host: GitHub
• URL: https://github.com/rhitik1925/mern_chat_application
• Owner: rhitik1925
• Created: 2025-01-26T06:12:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-26T18:41:30.000Z (over 1 year ago)
• Last Synced: 2025-03-23T18:13:50.864Z (over 1 year ago)
• Topics: chat-application, express-js, mongodb-atlas, node-js, reactjs, redux, socket-io, tailwind-css
• Language: JavaScript
• Homepage:
• Size: 274 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Real-Time Chat Application



        

        

  Welcome to the Real-Time Chat Application! This is a full-stack project built using React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. The application provides an intuitive and user-friendly interface for users to engage in real-time conversations with others. It incorporates a range of features such as sign up, sign in, logout, profile image customization, user search, one-to-one chat, group creation, group chat, group administration, and message notifications.

## Features

- **User Authentication**: Users can sign up for an account, log in, and log out securely.

- **Profile Customization**: Users can personalize their profiles by changing their profile images.

- **User Search**: Users can search for other users to connect with.

- **One-to-One Chat**: Users can engage in real-time private conversations with each other.

- **Group Creation**: Users can create groups for collaborative discussions.

- **Group Chat**: Users can participate in group conversations, allowing multiple members to interact simultaneously.

- **Group Administration**: Administrators have the authority to rename groups and manage group membership by adding or removing users.

- **Message Notifications**: Users receive real-time notifications for new messages.

## Technologies Used

- **Front-end**: React.js, Redux, Tailwind CSS

- **Back-end**: Node.js, Express.js

- **Database**: MongoDB

## Screenshots

**Sign up**

![Sign up](https://media-hosting.imagekit.io//c7b43a0b54504696/Signup%20page.png?Expires=1832520535&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=UkjqGtDstguEhbVAEHMJGalFeUaykaQg~l2wmNmeSGWFALiWXmhT~0dKHIgYl41Bs3rU78XCnlBoXz46jQvVmBG9sM7h3JmrjuDf3TLXyPF-KS5Z4IkrBA4ukvMOrBdfgqhb5dsvyJ-xXzicfhx07gfW5gt1Jg6CTDlxzdbz7shNgamZkAz-BbHFTOfLCgj8JQyMQk3unsZHXU3~0TLI1FvXK4xE3tHSJo4XoR0Pmh~E0-GNvNo7MFccGZWRF5TX9HHzdfH26JPIakOXMYCdvDY94W6s9Ih8mI5wQhbp8ix9B83Uq~3MSeSNlQBLL1VZgKy-30OGpnLwv6vr67~t-w__)

**Sign in**

![Sign In](https://media-hosting.imagekit.io//c64555cb61a3400c/SignIn%20page.png?Expires=1832520782&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=rrjqke4hVaL~PzQAhgfQhKtm9KeWSOV~sjctU2rk8FPqZet642IcFZQ4VS~4uV7jFl6OXa9EizKjId2q-DkTUAHZXl4Ro4WZRmwKrcf0vcCLnZZmLudSCLH~MlVA8GeiCFFdlKeSMREwTKEOaf9gW~z5oo6tXELFrwBxEi~FvPdJfMJnyRIJpov-gLpp4GCnZQH0BJvORwDWM34taGgvwbs6AINFXwsNa4o60tMLvDWHO238QIz62EioP4FQ~ApTwEmODjQc5ZJAIxs2w8PXgeQuq4IjLfHfmUvDbDTQUs~uQC7m7WOL9cUayr~RlaIvyFjbkF18pdyUaLaY0u2sKA__)

**Home**

![home](https://media-hosting.imagekit.io//77e9b54c5b094d3d/Home%20page.png?Expires=1832521080&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=iNwSUpeesJ2dqGYAHYYR-iJ9sl183UzudrlV---kBlngEYwvyZAPQXpGepY3VUxomi-FDwVdGw~tW6MIOzgoBzxwo7EWnJ1a1gpeUkmAJVZRxN7VQfv0GH27LO1DOMTo8DMI8YlZHbzL1amnxnP1pzW9gDn1JjgP1xr5TYnSVZzlfCyLtnwAIlzhxwabYz0y9xbQORPkifXPa4ERiXfFhjvhsn0EHAmQ408iiele7o8hAmRWXxEkRj6mKPb44EjNGcUvfOVEPAF8UCGC0hPm2-fSLQBFueyMJbR3xWs~XlOdzIZfYN6BdLqZ4HcMw6ifzujRLMegwQPbF4ZdpkTUkA__)

**Users Chat**

![home](https://media-hosting.imagekit.io//e40eac2c76fc4d52/UserChat.png?Expires=1832521511&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=cBqtP4MgvXgqaJxdpplaMlxjAXIEaa~Ba3u9nds2ZZaV08Luzpj3WGjSZch8ZxPDFCOhrtQDTesXqv3Jb5RMtfeoXKGdbw9I~XyHDAibnBv-cPR9Sgx2qBwf5KmNgrAbpqDR2wsl5L9KbyB0c5Za--BCApsiMdgMFcDOIKqYu5peLE2NexOodCeRHZsVnuVua2PMHXSzWco-e~I6oDpnulcfJXUJ5HrlE1106NIzI7ZDZTmjcFZTxoxiSYIjnvwykvSilO1bKoSU4nQVQTHt-AtuHlox5PFw2xAjbt1jN07igpqd8QfCKysuGCXV~gS1m~XzzbkkyYqNwCK58VyxVA__)

**User Profile**

![user_profile](https://media-hosting.imagekit.io//f6cc08c6d7b14eab/UserProfile.png?Expires=1832521751&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=MGBAsDQ5M41pctO0Z8~Q9eusMXY04LL~go3lYVlZ3Sk7yrEidT8mhDkMKmF2u6eZ31ui4T40tvA-R1EHa5eiWiflH-F9saVsWlwN4fnzal~o7CuZI3rpSgRAiyGVBJLQYPB10HOnss1hwebGNAqP945SRcwTIuPzadhHeLDPteS36R3Azg2i1gJuLyDmTTjiOtOOK68GL41YTvAh-CDoLcJAkxcxRtciesI0DasurwWidDnL3vXH7NtXEIfOFDXSKmaymXURH-i-ApQU2WDUYAaBJrT9yd8MtjPpTUToXb-aA2g9-x48jSXyZGJkqsWzpl3xgj9b1HYHZC5zMyWTIQ__)

**Search User**

![search_user](https://media-hosting.imagekit.io//d893a864618048a5/SearchUser.png?Expires=1832521991&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=j9Gt3NkaUXNbFvBzSy2PfdbJHSK9mOcNXLN9QnNMP~0UR32xTQ1hZBHP9mAR2eyiVdvfge0F~WRiNoogcEuDGybR06L2jGP8UNiNsJxtv0w88kOiE16RHnI6qdZHvV1xmMVo3AngWcI7wkMomuNucjbywPwuPf1hl63PWcN92E7LQc~PabJSsksGpE7uuZiqGbk2vJIzU0UFACFIntridUEmIz9ddzYmnm56UxTtzWa0Ivldo9IWmG0Kq9DaK~LkL8USKU9ALkrW8tpURrQfhU~gwsIEf4I2-lMWj0521~xvTNgcaG0mINp~hQjEkwaZPQPDLBQ0WNPg0Jmq-O0aiw__)

**Notfication**

![notification](https://media-hosting.imagekit.io//4a921914e6734fe2/Notification.png?Expires=1832524016&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=nhLHvx~~CLs-segefczQhg~oCEa2GiAYjHm7Jy7~f1yBJA~tXOtaAA0Be0UvD8lmh8XLRckkn7QSg4xz9AIlj5t9AndXiCE56VUyaZhmfT90sSGkp261PJFjdD1lngX3j6Ig9khHc-t0CDTkax0wkR7r6~9evDkXKNucMY67t549b1Uzygm1MtYNmZsLUXa7ZUljTXVD148KYFcjF1KW5JJu8GY7GWRwXbVRtg2ZcQSup~PnZhO~v6xG3HNwecDFXQd9z7iEbkLx6ImnI6eVziMXHf10ySHVEgsutbBOp6hbUz75~Nyh8KObvV3Jx0~EYvSt4v1okrRWfYIplRA6jQ__)

**Create Group**

![create_group](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1689145950/afzfrs7dxuxij2z24vgy.png)

**Group Information**

![group_information](https://media-hosting.imagekit.io//3cd16042d5bb4080/GroupInfo.png?Expires=1832524384&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=h30CQRXxA7LHGnB5gVKLvLHVXdkCk~q9NNTUTIFGc60QVXz69HTxxQqbMSYO0C0MQgRX2JbvqeJlaVpPxupOkaVBv4vwjs7kaUhSNr5TY2gHRqr4HBhEC9qwdHi2Vq-tX6qZ3EiO3h21nhztlxee-8PuLL01cYlWiSsaAHP6g6AQE5pu~588TbxPmEgMjKQNXou3H5K2u5yhSjFFpJ7vynxH-AMuMSGmEcHnVAtKtQhdiwccRJXnmQqXhtzEDBFWe4nxCON4jSOTzChSwk~t3T0F8k5j6xk4V45MYuUJkkjz8IHfpQnC0d5Bfh4FvZIa4zf-zvpbd2zRv-8M8SBuVw__)

**Group Admin Options**

![group_admin_option](https://media-hosting.imagekit.io//15c507e82f6b40a2/GroupAdmin.png?Expires=1832524533&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=YeIXMEFld2GiHZt98xfeblUxr7ZdqVuTJnRr~8OoWMpW0eWdvB3MT~RlOyp3xbpqkcnxvls7bS10czbYNC1PZhwKU40eBygLJf33j6R-EPdD--qSlIuByg3b-F36AKBosEWMafvRwEtm1HEoU4NGzdRljWnZ9lo8LNizyDqNWEUXlhjUxF98MMxzHUtqqGVgc9XEIiAu5VtY-sqV4s6CM-KelsXaeEpZ5-TD1G1AJ6of5b1sHqxAR-nGYCpMlImID6oRrQs5rafR5e8mW63Wzb5ZU9V1PPPsYClb3HWk-SDoAAa8K~u9w9rPFxixpxeg3nvzNkp-WugP5MHBLgBkvQ__)

**Change Group Name Only For Admin**

![rename](https://media-hosting.imagekit.io//c5003c9b974242b8/ChangeGroupName.png?Expires=1832524776&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=lj8GiqcHK5o8k5GpszVBcThzoygxaoxaVQB~pqIPyivHc6qbXZYkCzmbEqCDn3A~zikabc1JwEAAUC63VNE6BfHso7Zji~Fg9WNs5wt~EWB3POCUzmEdHJJ1d5qP7JrOYOkegthk4akXDTeY56t-M5P1v095hpFFvV01NEr7wEZVXA98HIue1Qooohx1T4gYXVwz9pXKC6kdxzffc~bC9-Bx0IWmHrwG8Cay87Hr0KolWoXXduQqAUFtyehIrUkcbfVj2vODhAOAFMGqZ-XA5~EwO42H6RVpyseWuMzMl-5kx1ScYFbpvAhbLwXmWFRpr2KKG6X~kt6KDi-kbvDoKA__)

**Remove User From Group Only For Admin**

![remove_user](https://media-hosting.imagekit.io//a529899bbe464df0/Remove.png?Expires=1832524856&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=Jog9Hl4V6wdn1PNuqzsfz3ogj8Fl-QcSe6J9VqN32Qfh~VT25~7ztf~LCV~XxXPpsT0UYDF-p7rwWouJnckUEisnZuBiIkPbu5ZAaildK9Ej7QERNQvlQ6xssZStQl-sihRrqQK3ho6DnQc6pQR7RfEQ1uV1RvTvcgRP0vrmUg3DzIrRxIV47I8i7iG5NRx9pOFlvv-aiaIfdmKGTi-1a5B3rFQ8s1to~hidWONBP14Z9xfbzEpE811rQ0yHkrjFxHhzAi4LDoTJng5Ts7yPlK-W4VSv6yupKV9cCZV1c2~Xm-6m5LoxmRSSyysznbY9zbM6HgnZx0GpTHTWUwi7Ow__)

**Add Users To Group Only For Admin**

![Add_user](https://res.cloudinary.com/dfrhy6m3m/image/upload/v1690197588/lehnw0hfqfnxu8ktajys.png)

  Backend Installation 

 

 clone repo  

 cd backend 

 npm install 

 node index.js 



  Frontend Installation 

 

 clone repo  

 cd frontend 

 npm install 

 npm start