GenBusApp - Angular Firestore App Generator

Turn valid JSON - only a sample business record, not JSON schema - into a generated angular + Firestore business application - complete set of source code files - without leaving VS Code.

GenBusApp - Angular Firestore App Generator is the VS Code extension published as genbusapp-vscode-angular-firestore by genbusapp.

It is built for developers who want a faster path from sample data to a primarily production-ready application. Open a JSON document, run the command, and choose whether to open the download URL, copy it, or extract the generated project directly into your workspace.

Try to use the backend J2Code API

Welcome to experience the power of instant code generations, and take your Angular development to the next level!

j2code_angular_app_for_record_list_on_firestore

This J2Code API function takes a sample JSON business record and instantly generates a complete, functional Angular web application for managing the business record list in a Google Firestore database. The generated .zip file includes all necessary source code files: client components, pages, routes, API end-points, and utilities, ready to use out of the box. This function handles nested objects and arrays at any depth, creating comprehensive editor forms and grid views. This allows you to seamlessly perform all CRUD operations (Create, Read, Update, Delete) on both root and child records.

Why Developers Use It

Generate the whole Angular project from the JSON string already open in your editor
Stay inside VS Code instead of switching between browser tools and local folders
Extract generated code straight into the current workspace for immediate inspection
Keep control over API endpoints and download behavior through settings
Avoid noisy activation because commands only appear when the active file contains valid JSON

Core Workflow

Open a .json file that contains valid JSON.
Run one of these commands from the Command Palette or editor context menu:
- GenBusApp: Generate Angular Firestore App From JSON
- GenBusApp: Generate Angular Firestore App From JSON (Quick Action)
Wait for the upload to complete.
Choose what to do with the generated package:
- Open the URL in a browser
- Copy the URL
- Download and extract into the workspace
- Download and extract to a folder with your JSON file's name

Example Input

{
  "Code": 10176,
  "Title": "Ms",
  "FirstName": "Jeremi",
  "LastName": "Claudecoder",
  "DOB": "2010-11-25",
  "Gender": "F",
  "Active": true,
  "Address": {
    "AddressLine1": "Legal House",
    "AddressLine2": "123 Floradel Street, Chippendalen",
    "Suburb": "Tenlipu",
    "State": "ABC",
    "Postcode": "1234",
    "Country": "ABCEF",
    "j2codeConfig": {
      "multiWordsName": "student, address, record"
    }
  },
  "Contact": {
    "Mobile": "012345678",
    "Phone": "12345678",
    "Email": "abcdef@abcdef.com",
    "Web": "abcdef.com"
  },
  "j2codeConfig": {
    "multiWordsName": "student, record"
  }
}

Configuration

The extension contributes these VS Code settings:

genbusapp.apiUrl_angular_firestore": API endpoint used to upload JSON and generate the zip package
genbusapp.defaultDownloadAction_angular_firestore": default post-upload action: prompt, open, copy, downloadExtract, or downloadExtractNamed
genbusapp.namedDownloadFolderName_angular_firestore": folder naming pattern for downloadExtractNamed; ${fileName} resolves to the active JSON file name

After generating the app, update the project's .env.local file with your own Firestore account details and database name before running it locally.

Requirements

VS Code 1.88.0 or newer
A valid JSON document in the active editor
Network access to the configured generation API

Extension Metadata

Extension ID: genbusapp-vscode-angular-firestore
Display name: GenBusApp Angular Firestore App Generator
Publisher: genbusapp
Current version: 1.0.2

Developer Setup

pnpm install
pnpm run compile
pnpm run watch
pnpm run lint
pnpm run package

To run the extension locally:

Open the project in VS Code.
Press F5.
In the Extension Development Host window, open a JSON file and run a GenBusApp command.

License

MIT. See LICENSE.

GenBusApp Angular Firestore App Generator

GenBusApp