React.JS & Firebase

Chat Application

This is a chat application that can be used for one-to-one messaging. It allows you can add friends from all across the world and chat with them. This was a personal project of mine.

This is a custom coded app and is using modern React JS features such as Hooks and the Context API. Firebase’s Realtime Database is used to send and receive messages and notifications. Moreover, authentication of users is also done using Firebase. The user interface is mostly written in pure CSS but Material UI was also used for styling some components.

Homepage for the application. Users can signup or login.
Further information on the homepage.
Signup and login page.
Profile setup
Add friends
Chat with others
The application has a dark mode feature as well as a full screen feature.
Scroll to Top