Skip to content

A simple React chat app, that uses Firebase authentication and Firebase Realtime Database as the backend.

Notifications You must be signed in to change notification settings

romanaccio/chattyweb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project was bootstrapped with Create React App.

It is a simple React chat app, that uses Firebase authentication and Firebase Realtime Database as the backend, expanded from this tutorial : https://css-tricks.com/building-a-real-time-chat-app-with-react-and-firebase/

Once authenticated, you can send chat messages that will be visible to all other authenticated users. The style uses Bootstrap and is very basic.

The realtime database rules are simple :


{
    "rules": {
        ".read": false,
        ".write": false,
        "chats": {
            ".read": "auth != null",
            ".write": "auth != null",
        },
    }
}

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Etc.

About

A simple React chat app, that uses Firebase authentication and Firebase Realtime Database as the backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published