Real-Chat: - Home Page:

---

Real-Chat:

This project is a Full Stack chat application that is capable of real-time communication between users. It was built using HTML, CSS, JavaScript, ReactJS, MongoDB, ExpressJS, and Socket.io. The application incorporates various functionalities, including user registration and login, the ability to set avatars fetched from the Multiavatar API, and toast pop-ups. With its robust tech stack and real-time capabilities, this project offers a seamless and interactive chat experience for users.

TechStack used...

   (o)   HTML->(forms, inputs, buttons), CSS->(Styling of pages), JavaScript                                                                            
   (o)   FrameWork:  ReactJS                                                                                            
   (o)   SOCKET.IO for Real time communication                                                                                        
   (o)   DataBase: MongoDB                                                                                                 
   (o)   setAvatar functionality: mutiAvatar api, Toastify: for error pop-ups

Login page

Sign Up Page

Set Avatar Page

Welcome page

Chat Page