Nebula - React-based Chat Application

Functionalities

• Login and Registration using Firebase Authentication.
• Uploading a display picture upon registration.
• Search for other users.
• Send a message to other users.
• Send pictures to other users.

Tools used

• React.js
• Tailwind CSS
• Firebase Authentication
• Cloud Firestore
• Firebase storage

Key Concepts

• React Router DOM
• Protected Routes
• Firebase Auth (with email and password)
• Search user
• Fetch private chat conversations
• Sending realtime messages

Credits to Lama Dev for the tutorial. Link: https://www.youtube.com/watch?v=k4mjF4sPITE