Discord like chatrooms with firebase, nextJS, chakra-UI

Issue Tracker built with MERN STACK

Demo App

deployed on vercel

Built using

Front-end Tech

  • ReactJS – Frontend frameworkaction creators to return a function
  • Next.js – React production framework
  • Chakra-UI – Chakra-UI & Icons library
  • React Icons – React Icons library
  • date-fns – Library for manipulating/formatting of timestamps

Back-end Tech

  • Firebase – Platform for mobile and web development

Features

  • Authentication with firebase auth connected to google, or simple email and password
  • Guest Login and account
  • Chat with a single person added by email
  • Chatroom with multiple people
  • Sidebar chat navigation for all the chatrooms
  • Responsive UI for desktop and mobile
  • Loading spinners for backend processes

Usage

Client:

Change firebase config file to connect your own firebase app

Run client:

cd client
npm install
npm start

GitHub

View Github