/Chat

Chat is a mini project built with Vue and Firebase that allows authenticated users to access a live chatroom and chat in real time.

Primary LanguageVue

Chat

This is a mini-project that allows authenticated users to access a chatroom to chat. Messages are saved, retrieved and populated in real-time with Firebase backend.

This mini-project was a part of the Vue.js Udemy course by Shaun Pelling (Net Ninja).

Project Stack

Front-End: Vue
Back-End: Express, Node, Firebase

Project Features

  • User authentication with Firebase
  • Live chat experience using real-time firestore database/listener
  • Auto-scrolling to latest messages
  • Date formatting with date-fns

Final Product

User Login

"Gif of Login"

Live Chat

"Gif of Chat"