https://github.com/Bijayb37/Firebase-chatrooms

Discord like chatrooms with firebase, nextJS, chakra-UI
https://github.com/Bijayb37/Firebase-chatrooms

Last synced: about 1 month ago
JSON representation

Discord like chatrooms with firebase, nextJS, chakra-UI

• Host: GitHub
• URL: https://github.com/Bijayb37/Firebase-chatrooms
• Owner: Bijayb37
• Created: 2022-03-30T04:27:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-08-10T05:24:10.000Z (over 2 years ago)
• Last Synced: 2024-06-01T04:37:56.083Z (6 months ago)
• Language: TypeScript
• Homepage: firebase-chatrooms.vercel.app
• Size: 366 KB
• Stars: 10
• Watchers: 1
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - Bijayb37/Firebase-chatrooms - Discord like chatrooms with firebase, nextJS, chakra-UI (TypeScript)

README

        
# F.R.I.E.N.D.S chatrooms 

## made using next.js, firebase (firestore and auth), chakra-ui

## Demo App

Contact Me at [email protected] as many people have used the guest account now so easier to find me by email

[deployed on vercel](https://firebase-chatrooms.vercel.app/)

## Built using

#### Front-end Tech

- [ReactJS](https://reactjs.org/) - Frontend framework

- [Next.js](https://nextjs.org/) - React production framework

- [Chakra-UI](https://chakra-ui.com/) - Chakra-UI & Icons library

- [React Icons](https://react-icons.github.io/react-icons/) - React Icons library

- [date-fns](https://date-fns.org/) - Library for manipulating/formatting of timestamps

#### Back-end Tech

- [Firebase](https://firebase.google.com/) - 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

```