Firetable is a spreadsheet-like UI for Firestore.
No more building admin portals to let business users to access data from Google Cloud.
(Live Demo)
Firetable UISupports 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!
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; } } }
-
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.