Inspired by PocketBase provide client side SQLite database, schema generator and admin UI

Overview

Firebase SQLite

github pages

Taking Cloud Firestore ODM to the next level.

Live Stream

Admin UI

The Admin UI is a web interface for managing your database in firestore and is deployed as a separate firebase hosting site in the same project.

Schemas

Online editor available here.

The schemas are located under a top level doc in the firestore collection called collections.

The schema is a JSON object that describes the fields in the collection.

The schema is used to generate the UI for the collection and to validate the data on save.

This schema could also be saved to Firebase remote config for dynamic schema changes.

All fields are optional unless marked as required!

Types:

  • string (text)
  • number (int,double,float,decimal,number)
  • bool (truthy or falsy)
  • date (stored as a timestamp)
  • option (enum field)
  • file (object reference to blob)
  • document (foreign key to another collection)
  • dynamic (map or array)

For file types thumbnails can be auto generated using a Firebase function and also triggers to remove the document on deletion in cloud storage.

Schema Changes

Given an object with two fields:

{
    "name": "John Doe",
    "age": 20
}

Before schema change:

{
    "name": "users",
    "description": "Users collection",
    "fields": [
        {
            "name": "name",
            "type": "string",
            "required": true,
            "description": "Name of the user"
        },
        {
            "name": "age",
            "type": "number",
            "description": "Age of the user"
        }
    ]
}

description is optional and will only be used in the UI and class generation.

There are some auto generated fields created to help with the UI and class generation:

  • id (string) - The id of the document
  • created (date) - The date the document was created
  • updated (date) - The date the document was last updated

These fields are not required in the schema but will be added to the document.

After rename name field to display_name and applying schema change:

{
    "name": "users",
    "description": "Users collection",
    "fields": [
        {
            "name": "display_name",
            "type": "string",
            "required": true,
            "description": "Name of the user",
            "previous": ["name"]
        },
        {
            "name": "age",
            "type": "number",
            "description": "Age of the user",
            "default": 0
        }
    ]
}

The previous field is used to map the old field name to the new field name and is used to migrate the data.

The default field is used to provide a fallback value when creating a document if the field is not set.

When new classes are generated the new field name is used but existing classes in production will still use the old field name and check the field in previous.

Note that if a field is required it needs a default value for any existing clients using the old version.

It is probably good to consider everything optional unless when first setting it as required from the beginning.

After a schema is updated and a client received the change it will update the schema in the local database and then update the UI.

Import / Export

All the schemas can be exported to a JSON file and imported back in.

SDK

Using the schema it is possible to generate helper classes, endpoints and more.

Data is stored in Firebase in a normalized format (no sub collections) since it will work better with queries and SDK generation.

Validation

The schema is used to validate the data on the client side before saving to firestore.

Since Firestore is NoSQL any data can be saved to the database but this is an extra layer of validation to ensure the data is valid/expected.

Shared forms used for the Admin UI can be used in the Client UI and the validation will be the same.

Full Text Search

Full text search is possible client side by using the SQLite FTS5 extension.

Graph Database

GraphDB is possible client side by using the SQLite jsonb extension and some virtual tables.

By default no links/edges are created but can be added to the schema. (Work in progress)

{
    "name": "users",
    "description": "Users collection",
    "fields": [
        {
            "name": "name",
            "type": "string",
            "required": true,
            "description": "Name of the user"
        },
        {
            "name": "age",
            "type": "number",
            "description": "Age of the user"
        }
    ],
    "links": [
        {
            "name": "friends",
            "type": "users",
            "description": "Friends of the user"
        }
    ]
}

When a document is added to the local SQLite database it will create a link to the target document (even if it does not exist yet).

{
    "name": "users",
    "description": "Users collection",
    "fields": [
        {
            "name": "name",
            "type": "string",
            "required": true,
            "description": "Name of the user"
        },
        {
            "name": "age",
            "type": "number",
            "description": "Age of the user"
        },
        {
            "name": "group_id",
            "type": "document",
            "collection": "groups",
            "description": "Group the user is a part of"
        }
    ]
}

If a document type is used the collection field is also needed to define the relationship. If it is not provided then the foreign key is not enforced.

Class Generation

The classes are a combination of the schema and the data.

When the schema is changed the classes need to be regenerated but can always access product data by falling back to the previous field if a key not found.

Firebase Functions

By defining relationships in the schema, you can generate functions based on triggers for deletion and updating.

For a given collection Albums and another collection Songs, if the album schema has a trigger to remove a song from the album when the song is deleted, then a firebase function will be setup to watch the correct records.

GraphQL (Optional)

GraphQL end point can be generated from the schema.

Rest API (Optional)

Rest API can be generated from the schema.

Data Migration

To migrate the data from the old schema to the new schema the following steps are required:

  1. Generate the new classes from the new schema.
  2. Update the client side code to use the new classes.

Since Firestore is NoSQL and not relational the data can be migrated in any order and renamed fields can be mapped to the new field name.

Data Import

To import data from a json file the following steps are required:

  1. Generate the classes from the schema.
  2. Parse the json file and convert to the generated classes.
  3. Use the Admin UI to upload the data.

Client SDK

Lazy loading of the data is possible by using the client SDK.

For example if you have parts of the data in the client cache and you want to load the rest of the data from the server.

Since it is a relational database the data queried and sorted in multiple ways.

Logging / Analytics

The data can be logged to the database and used for analytics.

Even if the data is local and a call to the server is not required Firebase Analytics will be used to log every action.

Sync

Since the database is a SQLite file it is possible to sync the local database for a user across multiple devices using a cloud storage provider like Firebase Storage and/or iCloud Storage.

It is easy to check for updates on the document by using the updated field.

Deletion

Deleted documents are not removed from the database but marked as deleted (tombstone pattern or soft delete).

You can still query the deleted documents but they will not be returned in the results (unless you query for deleted documents).

A cron job can be used to remove the deleted documents after a certain period of time.

Time to Live

Using the new firebase feature we can set a TTL on a given collection to help clean up documents.

This is used for logging collection and has a default of 30 days.

Firestore Bundles

Firestore bundles are generated if the collection opts in.

There is a helper method to download and load them on the client.

You might also like...

Food-app-flutter - A simple food ordering application with an admin panel coded with flutter and uses firebase as a backend

Food-app-flutter - A simple food ordering application with an admin panel coded with flutter and uses firebase as a backend

shop_ui A new Flutter project. Getting Started This project is a starting point

Oct 5, 2022

This is the flutter code for One health app admin and doctor pages.

one_health_doctor_and_admin A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get

Aug 7, 2022

Memebaaz is a video/images sharing app, Anyone can share short videos and images through app, the media will go through admin's approval.

Memebaaz is a video/images sharing app, Anyone can share short videos and images through app, the media will go through admin's approval.

MemeBaaz - Memes & Short Videos App Memebaaz is a Video/images Sharing App, Anyone can share short videos and images through app, the media will go th

Nov 14, 2022

Menaclub app for admin using nodejs as backend,RestAPI,provider as statemangement and follows MVVM architecture

menzclub_admin A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Nov 7, 2022

Admin Dashboard built using Flutter Web

Admin Dashboard built using Flutter Web

Admin Material for Flutter Web. Demo This project was generated with Flutter Web. Introduction This project contains most of the common widgets which

Dec 13, 2022

tabler admin panel in flutter web/desktop

fabler A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Dec 14, 2022

A program for booking restaurants that allows two types of the user (admin & customer).

  A program for booking restaurants that allows two types of the user (admin & customer).

restaurant Programmed by Flutter A program for booking restaurants that allows two types of the user (admin & customer). The admin can upload products

May 22, 2022

A note keeper created using Flutter and sqlite

A note keeper created using Flutter and sqlite

note_keeper This is a note keeper created using flutter and sqlite. Getting Started This project is a starting point for a Flutter application. A few

Feb 13, 2022

A shopper Flutter app that use BloC pattern and CRUD operations with different ways(memory/sqlite/http)

A shopper Flutter app that use BloC pattern and CRUD operations with different ways(memory/sqlite/http)

The project is maintained by a non-profit organisation, along with an amazing collections of Flutter samples. We're trying to make continuous commits

Nov 10, 2022
Owner
Rody Davis
Developer Advocate for @material-components at @Google
Rody Davis
flutter ecommerce application with admin side .authentication and storage with the help of firebase

ecommerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

null 1 Nov 10, 2022
Easy form building in Flutter with a fluent schema API.

former - Easy form building in Flutter Motivation Formik is one of my favorite React libraries. It is a form library that drastically reduces boilerpl

Kenneth 21 Oct 11, 2022
simple note application using Flutter ,Dart and SQLite database

note_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

nirmalnyure 3 Feb 15, 2022
Note Taking App made with Flutter with Sqlite as database..

Note Taking App made in Flutter with Sqlite database This is a note taking app made with flutter. Concepts used: Sqlite database to store custom Note

Bibek Timsina 351 Dec 24, 2022
Realm is a mobile database: a replacement for SQLite & ORMs.

Realm is a mobile database that runs directly inside phones, tablets or wearables. This repository holds the source code for the Realm SDK for Flutter

Realm 526 Dec 23, 2022
Startup-Name-Generator-App-in-Flutter - Business Startup Name Generator App in Flutter

Business Startup Name Generator App #About APP: A simple mobile app that generat

AHSAN SIDDZ 0 Jan 30, 2022
Nimbostratus is a reactive data-fetching and client-side cache management library built on top of Cloud Firestore.

Nimbostratus ?? Nimbostratus is a reactive data-fetching and client-side cache management library built on top of Cloud Firestore. The Cloud Firestore

Dan Reynolds 13 Dec 15, 2022
Client-side Application for NITTFEST

Nittfest-Client Client Application for NITTFEST. Flutter Requirements Java-Versi

Delta Force 4 Nov 14, 2022
Client side of openMessaging Mobile App integration

flutter-openMessaging This is designed as an example only for using a Flutter Mobile App as the client for the firebase BaaS in openMessaging for Gene

null 1 Apr 30, 2022
A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling, a collage generator, home screen widgets, and more!

Finale A fully-featured Last.fm client and scrobbler with Shazam-like scrobbling, a collage generator, and more! The app is available on iOS, Android,

Noah Rubin 66 Jan 5, 2023