Maaz-Code / comms

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

Home Page:https://comms-chat.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Comms Chat Application

"Comms" is a full-stack chat application made using the framework NextJS. The whole interface is made using Chakra UI. The UI framework handled most of the styling but some bits are done using the styling preprocessor SCSS. For secure communication, I have used Google OAuth authentication from Firebase and similarly used its Firestore for storing all the chats. All the login logs, email IDs, and chat data are getting simultaneously stored. None of it will be lost even after refreshing or signing out. I made this project to practice my existing knowledge of frontend tech stacks and learn some more amazing tools and frameworks available. For hosting I have chosen Vercel.

Guide

  • Visit the app by clicking here: Comms.
  • Sign In using your preferred Google account.
  • Click on "New Chat" to open a prompt that will ask you to enter the email of the recipient.
  • Type in your chat in the area at the bottom.
  • The receiver can also log in at the same time and they will see your chat after they log in.
  • Both users then can communicate in real time.
  • After they are done, they can simply sign out from the app.

Be sure to let me know how is the app although more improvements will be made. You can connect with me on social media. Will write a blog about this project too. Do follow and star this repository. Suggestions are always welcomed. Thank you!

Contributions

All kinds of ideas and contributions are welcomed. Make sure to create an issue first before contributing. Add specific labels and descriptions first. Looking forward to your work. [IMPORTANT]

About

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

https://comms-chat.vercel.app/

License:MIT License


Languages

Language:JavaScript 87.3%Language:SCSS 12.7%