https://github.com/lintangwisesa/react_firebase_cloud_firestore

A simple React app to post data to Firebase Cloud Firestore.
https://github.com/lintangwisesa/react_firebase_cloud_firestore

firebase-cloud-firestore reactjs

Last synced: 5 months ago
JSON representation

A simple React app to post data to Firebase Cloud Firestore.

• Host: GitHub
• URL: https://github.com/lintangwisesa/react_firebase_cloud_firestore
• Owner: LintangWisesa
• Created: 2018-09-07T06:12:11.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-09-10T12:27:40.000Z (over 7 years ago)
• Last Synced: 2025-01-21T05:11:21.606Z (over 1 year ago)
• Topics: firebase-cloud-firestore, reactjs
• Language: JavaScript
• Size: 344 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#

![simplinnovation](https://4.bp.blogspot.com/-f7YxPyqHAzY/WJ6VnkvE0SI/AAAAAAAADTQ/0tDQPTrVrtMAFT-q-1-3ktUQT5Il9FGdQCLcB/s350/simpLINnovation1a.png)

# __React & Firebase Cloud Firestore__

### A simple React app to post data to Firebase Cloud Firestore. Watch its demo below or [click here](https://youtu.be/BrSTa2Rlv1o).

[![Video](https://img.youtube.com/vi/BrSTa2Rlv1o/0.jpg)](https://www.youtube.com/watch?v=BrSTa2Rlv1o)

## __:snowflake: Follow these instructions:__

In this project, you will have 2 textbox inputs & a button to post user input into Firebase Cloud Firestore. First, create a project on [Firebase](https://firebase.google.com/), then clone this repo:

```bash

$ git clone https://github.com/LintangWisesa/React_Firebase_Cloud_Firestore.git

$ cd React_Firebase_Cloud_Firestore

$ npm install

```

Open __fire.js__ then edit it with your own Firebase snippets. Get your Firebase snippets from __*your_Firebase_project > Project Overview > Add to Web App*__. Then simply run this React project locally:

```bash

$ npm start

```

__*Note:*__ In this project, you need a global package: __*firebase-tools*__ & a local package: __*firebase*__.

## __:snowflake: Screenshot:__

![React_Firebase_firestore_1](./lintang_firebase_firestore.png)

__Done!__ :thumbsup:

#

## See also:

- [React & Firebase Database](https://github.com/LintangWisesa/React_Firebase_Database)

- [React & Firebase Storage](https://github.com/LintangWisesa/React_Firebase_Storage)

- [React & Firebase Cloud Firestore](https://github.com/LintangWisesa/React_Firebase_Cloud_Firestore)

#

#### Lintang Wisesa :love_letter: _lintangwisesa@ymail.com_

[Facebook](https://www.facebook.com/lintangbagus) |

[Twitter](https://twitter.com/Lintang_Wisesa) |

[Google+](https://plus.google.com/u/0/+LintangWisesa1) |

[Youtube](https://www.youtube.com/user/lintangbagus) | 

:octocat: [GitHub](https://github.com/LintangWisesa) |

[Hackster](https://www.hackster.io/lintangwisesa)