https://github.com/brahmbeyond/chattybox

It's a webapp made in React JS with Firebase and Material UI. The purpose of this app was to learn the working of Firebase's Authentication and Firestore CRUD Operations. BLOG - (https://brahm.code.blog/2023/08/02/201/)
https://github.com/brahmbeyond/chattybox

firebase reactjs

Last synced: about 1 month ago
JSON representation

It's a webapp made in React JS with Firebase and Material UI. The purpose of this app was to learn the working of Firebase's Authentication and Firestore CRUD Operations. BLOG - (https://brahm.code.blog/2023/08/02/201/)

• Host: GitHub
• URL: https://github.com/brahmbeyond/chattybox
• Owner: brahmbeyond
• Created: 2023-05-17T06:49:29.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-03T14:38:22.000Z (about 1 year ago)
• Last Synced: 2024-02-10T18:27:57.303Z (9 months ago)
• Topics: firebase, reactjs
• Language: JavaScript
• Homepage: https://chattybox.netlify.app/
• Size: 2.27 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Hi, I'm Shubham! 👋

# ChattyBox App

It's a webapp made in React JS with Firebase and Material UI.

The purpose of this app was to learn the working of Firebase's Authentication and Firestore CRUD Operations.

First user has to login with either Gmail or Github.

Then there are some available rooms present , user can select from them or can create new room.

Then there in rooms , users can chat (send messages,images,files).

## Demo

Website  - https://chattybox.netlify.app/

![Untitled video - Made with Clipchamp (1)](https://github.com/autumn-absconds/ChattyBox/assets/65112908/d287c5eb-d658-4a55-a944-9260a80c906e)

## Blog

for detailed information visit - https://brahm.code.blog/2023/08/02/201/

## Run Locally

Clone the project

```bash

  git clone https://link-to-project

```

Go to the project directory

```bash

  cd my-project

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run dev

```

## Authors

- [@autumn-absconds](https://github.com/autumn-absconds)

## Features

- Google/Github Sign

- Rooms

- Real Time Chat

- Images,Files send Option

## Lessons Learned

Learned Authentication and Online managing of data using Firebase Authentication and Firebase Firestore.

## Tech Stack

**Client:** React

**Server:** Firebase

## Contributing

Contributions are always welcome!