Giter VIP home page Giter VIP logo

firetable's Introduction

Firetable

Firetable is a spreadsheet-like UI for Firestore.

No more building admin portals to let business users to access data from Google Cloud.

Commit

Firetable UI (Live Demo)

Supports fields such as images, files, single/multi select, in addition to standard fields. Functions such as row resizing, csv data import/export and much more!

Firetable screenshot

Setup instructions

Installation requirements

Make sure you have the following installed:

1. Create and set up a Firebase project

  • Create a new project using the Firebase Console

  • Create a Firestore database

  • Set up Firestore Security Rules: use Test Mode or set up required permissions.

    Below are sample rules that allow for unlimited access to the entire database just for quick testing purpose:

    rules_version = '2';
    service cloud.firestore {
      match /databases/{database}/documents {
        match /{document=**} {
          allow read, write: if true;
        }
      }
    }
    

    Or follow this guide for setting up custom rules

  • Upgrade project to the Blaze Plan

  • Enable the Google sign-in method in Authentication / Sign-in method

    • ⚠️ IMPORTANT: If you try to sign in and see “This account does not have any roles”, run the following script on your Firebase Authentication user.

2. Run the Firetable CLI

The Firetable CLI automates the steps required to set up your Firetable app locally.

Before using it, make sure you have the Firebase CLI installed. Instructions

yarn global add firetable

Then run the following command, specifying the directory for your Firetable app.

firetable init [directory]

Now you can run Firetable locally using

cd [directory]
firetable start

Manually set up Firetable app

If you don’t want to run the Firetable CLI, follow these steps:

1. Clone this repo

git clone https://github.com/AntlerVC/firetable.git

2. Set React app environment variables

Create a .env file in the www directory

  • Get the Firebase Project ID and Web API Key from your Firebase Project’s Settings page. Click the cog icon on the left sidebar (under the Firebase logo) and click Project settings

  • (Optional) Get the generated Application ID and Search-Only API Key from the Algolia API Keys page

REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_PROJECT_WEB_API_KEY=
REACT_APP_ALGOLIA_APP_ID=
REACT_APP_ALGOLIA_SEARCH_API_KEY=

3. Install front-end dependencies

cd www
yarn

4. Run project locally

yarn start

Issues

Please create issues here.
Make sure to provide console log outputs and screenshots!

Known Issue: “This account does not have any roles”

If you try to sign in and see “This account does not have any roles”, run the following script on your Firebase Authentication user.

Roadmap and feature requests


About Antler Engineering

Firetable is created and being actively developed by Antler Engineering.

At Antler, we identify and invest in exceptional people.

We’re a global startup generator and early-stage VC firm that builds groundbreaking technology companies.

Apply now to be part of a global cohort of tech founders.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.