Chat Room App with Vue and Firebase

The Chat Room App with Vue and Firebase is a real-time chat application crafted with Vue.js and Firebase. It showcases modern web development technologies to create an engaging user experience. Users can sign up, log in, and engage in chat rooms, leveraging Firebase Firestore and Firebase Authentication for real-time messaging capabilities.


  • Real-Time Chat: Utilizing Firebase Firestore, the application offers real-time chat functionality, allowing messages to be sent and received instantly.
  • User Authentication: Firebase Authentication is used to manage user sign-up, login, and logout processes, ensuring secure access to the chat room.
  • Responsive Design: The app features a clean, user-friendly interface that adapts to various screen sizes, ensuring a seamless experience across devices.
  • Auto-scrolling Messages: As new messages arrive, the chat window automatically scrolls to the bottom, keeping the latest messages in view.
  • Timestamps Formatting: Messages are timestamped and displayed using date-fns to provide a friendly, relative format (e.g., "5 minutes ago").