https://github.com/rithikachowta08/react-realtime-chat

One to one chat component built using Firebase's realtime database.
https://github.com/rithikachowta08/react-realtime-chat

chat chat-application component firebase javascript live-chat react realtime-database redux-saga

Last synced: 17 days ago
JSON representation

One to one chat component built using Firebase's realtime database.

• Host: GitHub
• URL: https://github.com/rithikachowta08/react-realtime-chat
• Owner: rithikachowta08
• License: mit
• Archived: true
• Created: 2019-06-07T12:04:08.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-01T07:32:00.000Z (almost 2 years ago)
• Last Synced: 2024-09-27T17:41:58.748Z (4 months ago)
• Topics: chat, chat-application, component, firebase, javascript, live-chat, react, realtime-database, redux-saga
• Language: JavaScript
• Homepage: https://afternoon-wildwood-14794.herokuapp.com/
• Size: 1.48 MB
• Stars: 5
• Watchers: 0
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Realtime Chat

> One to one chat component built using Firebase's realtime database. This component can be used to intialize a chat window for a user who is logged in to your application, with another user of your application.

![Chat GIF](https://i.imgur.com/VrV3unZ.gif)

## Requirements

A login and signup flow must already be implemented in your application. This component must be rendered only on pages where your user has already logged in. It is assumed that information regarding the receiver of the messages is already known at the time of invoking this component.

## Installation

`npm install --save react-realtime-chat`

## Usage

- Create an app on firebase and copy the configuration object to be passed as props to the chat component.

  

```jsx harmony

```

## Options

![alt text](https://i.imgur.com/3a8HOmu.png)

## Links and examples

- Full example on Github: [Example](https://github.com/rithikachowta08/react-realtime-chat/tree/master/src).

- Live working demo: [Demo](https://afternoon-wildwood-14794.herokuapp.com/).

- Tutorial on how this package was implemented : [Medium article](https://medium.com/@rithikachowta/building-a-real-time-chat-application-with-react-firebase-and-redux-saga-9cbbdbc34720?postPublishedType=initial).

## License

react-realtime-chat is released under [MIT License](https://opensource.org/licenses/MIT).