Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/trident09/chatter-box
Online chat application
https://github.com/trident09/chatter-box
chat web
Last synced: 2 days ago
JSON representation
Online chat application
- Host: GitHub
- URL: https://github.com/trident09/chatter-box
- Owner: Trident09
- License: mit
- Created: 2023-09-29T14:07:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-04T11:46:06.000Z (10 months ago)
- Last Synced: 2024-11-08T13:20:13.868Z (about 2 months ago)
- Topics: chat, web
- Language: JavaScript
- Homepage: https://chatter-box-teal.vercel.app
- Size: 434 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# chatter-box
## Description
This is a chat application that allows users to chat with each other in real time. Users can login with their google account and chat with other users in the chat room. The chat room is public where all users can see the messages. This is mostly a front end application that uses firebase for the backend.## Table of Contents
* [Installation](#installation)
* [Usage](#usage)
* [License](#license)## Installation
To install the application, clone the repository and run `npm install` to install the dependencies.
Create a firebase project and add the config variables to a ```.env``` file in the root directory of the project
``` cmd
REACT_APP_API_KEY=
REACT_APP_AUTHDOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=
```
Run `npm start` to start the application.
If you are hosting this application on firebase, make sure to add your domain to the authorized domains in the firebase console. Or else you won't be able to login with google.## Usage
The application is deployed on firebase and can be accessed at https://chatter-box-teal.vercel.app/## License
MIT License