Real-time Chat Application

This project is a Single Page Application(SPA) made in React.js, a wildly popular frontend JavaScript library for building user interfaces. The name of the project is “Chat App”.

This app has a very modern and enhanced UI(User Interface) with all the functionality that every person needs while chatting. It uses a real-time No-SQL database to store all the data exchanged by people while chatting. The real-time database service is provided by Google’s Firebase cloud storage.

The user can log in with their Facebook or Google account. And then they can start chatting: send their chats, delete chats, send voice messages, like each other’s chat, share documents, and images, create their chatrooms with friends with admin capabilities and much more functionality. This application is fully functional and can be deployed to remote servers so that many people can use it.

Technologies:

• - ReactJS
• - React Router and React Router DOM for page navigation
• - RReact Suite for making use of enhanced React components
• - React Context API for state management
• - React Mic for sending a voice message
• - React-timeago package for calculating the date and time at which the chat was sent.
• - Firebase Cloud Service for managing our application’s database.

Login Page

Creating Chat-room

Sending Messages

Sending Images

Signout