Mern Stack Chatting App in React and NOSQL

Abstract

This project is a full stack web development project that aims at building a chatting application using the Frontend Technologies React (a framework built on top of the ever popular and evolving programming language Javascript that has been ruling the IT industry over 25 years) and many of the npm dependencies such as the React Fade –In and the rsuite React library for the User Interface Part. The rsuite has several built-in components in React that can simply be imported in the React component file using the direct import statement after the dependency has been installed on the system. The rsuite library will build a powerful UI with several stunning eye-catching features. The React framework is a very popular framework on JS that is used by the leading companies across different niche industries such as Instagram, Spotify, Netflix , Airbnb and many such platforms. This app is not just a chatting application where the users can chat anonymously but are only required to become the users after logging in. The users are required to log in the application using either their gmail or facebook profile username and password. This functionality is provided to the users using the popular NOSQL database platform from Google called Google Firebase.The GoogleAuthProvider() and FacebookAuthProvider() functions provide the authentication and login functionalites. This app uses other other advanced react functions such as custom hooks and Context API. The user can send upto five photos and files too. And of course, there is no limit on the number of chats sent on the platform. The chats and files are also organized by date and time like they are in professional platforms such as Whatsapp and Telegram. Also, there is the added functionality of liking messages that the user wants. The users can create chatrooms too and only the admin of the group has been provided the edit functionality to edit the name of the group or the chatroom exclusively. Also, every logged in user can view his/her profile from the dashboard section in the left drawer on the app. The dashboard shows the name of the user, their image and the edit function for their profile. The user can upload their profile image from the device that they are using the app on. Also, the user is provided the Sign Out option in the dashboard to unsubscribe from the database.