More Premium Hugo Themes Premium Nextjs Themes

Comms

Full Stack Chat Application made using NextJS, Chakra UI, SCSS, and Firebase.

Comms

Full Stack Chat Application made using NextJS, Chakra UI, SCSS, and Firebase.

Author Avatar Theme by maaz-code
Github Stars Github Stars: 7
Last Commit Last Commit: Oct 14, 2024 -
First Commit Created: Dec 18, 2023 -
Comms screenshot

Overview:

“Comms” is a full-stack chat application built using the NextJS framework. The user interface is created using Chakra UI and styled using SCSS. It utilizes Google OAuth authentication from Firebase for secure communication and stores all chat data in Firestore. The application aims to serve as a learning project to explore frontend tech stacks and frameworks. It is hosted on Vercel.

Features:

  • Full-stack chat application built using NextJS
  • User interface designed using Chakra UI
  • Stylings handled by SCSS
  • Secure communication through Google OAuth authentication
  • Chat data stored in Firestore
  • Persistent data even after refreshing or signing out
  • Real-time communication between users
  • Easy sign out functionality

Installation:

Here is a guide to installing the “Comms” chat application:

  1. Visit the app by clicking here.
  2. Sign in using your preferred Google account.
  3. Click on “New Chat” to open a prompt asking for the recipient’s email.
  4. Enter the email of the recipient.
  5. Type your message in the text area at the bottom.
  6. The receiver can also log in and will see the chat after logging in.
  7. Both users can communicate in real-time.
  8. When finished, simply sign out from the app.
  9. Feedback and suggestions are appreciated.

Summary:

“Comms” is a full-stack chat application built with NextJS, Chakra UI, and SCSS. It provides secure communication through Google OAuth authentication and stores all chat data in Firestore. The app allows real-time communication between users and ensures data persistence. It serves as a learning project to explore frontend technologies and frameworks. Contributions and feedback are welcomed.