https://github.com/nbaua/react-firebase-messaging-app

React Firebase Messaging App. This project is created using React Js and Firebase Cloud Firestore realtime database.
https://github.com/nbaua/react-firebase-messaging-app

bulma bulma-css bulma-css-framework bulma-ui firebase firebase-auth firebase-realtime-database firestore-collection firestore-database javascript react react-redux react-router reactjs redux scss scss-framework

Last synced: 19 days ago
JSON representation

React Firebase Messaging App. This project is created using React Js and Firebase Cloud Firestore realtime database.

• Host: GitHub
• URL: https://github.com/nbaua/react-firebase-messaging-app
• Owner: nbaua
• Created: 2021-04-01T03:55:11.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-03T05:26:13.000Z (almost 4 years ago)
• Last Synced: 2024-11-14T21:30:07.003Z (3 months ago)
• Topics: bulma, bulma-css, bulma-css-framework, bulma-ui, firebase, firebase-auth, firebase-realtime-database, firestore-collection, firestore-database, javascript, react, react-redux, react-router, reactjs, redux, scss, scss-framework
• Language: JavaScript
• Homepage:
• Size: 926 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## React Firebase Messaging App

### This project is created using `React Js (v 16.5)` and `Firebase Cloud Firestore` realtime database.

### The UI has been enhanced using `Bulma CSS Framework (v0.9.2)` and awesome `Feather Icons (v4.28.0)`

```

Still tons of features can be added on top of this application,

Use this app as a starting point to create a messaging apps like Chanty, Discord, Ryver or Slack.

```

#### Key Points

- Authentication (Google Sign-in)

- Realtime database (Firestore Cloud)

- Open chat rooms implemented with text messages and emoji support

- Sleek UI, With custom theme options with overrides in place

- Customizable styles and fonts with overrides in place

- React JS best practices implemented

#### Feature which easily can be added

- Access rights - Block user

- Private rooms or Join Room - Invite

- Image and Media messages

- Message archive - auto purge - delete

- Forward messages to another user/room

- Download/Share images/media/messages

## Preview

![app-landing](/screenshots/app-landing.png 'This is a app-landing image.')

![app-main](/screenshots/app-main.png 'This is a app-main image.')

![app-in-use](/screenshots/app-in-use.png 'This is a app-in-use image.')