Discord like chatrooms with firebase, nextJS, chakra-UI
Issue Tracker built with MERN STACK
Demo App
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