Celerio Angular Quickstart

Generate an Angular 5 CRUD application from an existing database schema (we provide a sample one)
Alternatives To Celerio Angular Quickstart
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Prisma34,0094423 hours ago4,993September 24, 20222,916apache-2.0TypeScript
Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
Rxdb19,68682813 hours ago450July 27, 202315apache-2.0TypeScript
A fast, offline-first, reactive Database for JavaScript Applications https://rxdb.info/
3 hours ago2June 08, 2018604apache-2.0Python
A graph-relational database with declarative schema, built-in migration system, and a next-generation query language
Dbal9,17447,9463,9329 hours ago120April 14, 2023205mitPHP
Doctrine Database Abstraction Layer
Sqlboiler6,0291242 days ago98March 21, 202389bsd-3-clauseGo
Generate a Go ORM tailored to your database schema.
Goose4,375651388 days ago60July 26, 202363otherGo
A database migration tool. Supports SQL migrations and Go functions.
Dbmate3,81855 days ago37June 23, 202326mitGo
:rocket: A lightweight, framework-agnostic database migration tool.
Scenic3,241114143 months ago18February 13, 202223mitRuby
Versioned database views for Rails
Fluentmigrator2,994548163a day ago52January 14, 2022222apache-2.0C#
Fluent migrations framework for .NET
a day ago3July 21, 2023253lgpl-3.0HTML
Database documentation built easy
Alternatives To Celerio Angular Quickstart
Select To Compare

Alternative Project Comparisons

Celerio Angular Quickstart

Build Status

This Angular quickstart uses Angular Cli to create an application skeleton and Celerio to reverse your relational database schema and generate the Angular + Spring Boot code to access your database content. The generated code covers much more areas than a simple Hello World app (search, pagination, validation, auto-complete, etc.)

To generate an application from our sample database, follow the instructions from the quickstart folder.

Take a look at the generated code for yourself. Out of this sample SQL schema and this Celerio configuration, we generate this code, thanks to these templates.

By default we use a sample H2 database schema. Using your own database schema and database engine is just a matter of configuration. Check as an example our instructions to use MySQL instead of H2.

What to expect?

To see it in action with no effort you may run our sample docker image or watch a screencast. Remember, this is just a generated sample, the idea is to generate your own application using a more realistic database schema.

Sample Docker image

To run the docker image of the sample generated webapp:

docker run -p 8080:8080 nromanetti/celerio-angular-quickstart

Then access it at localhost:8080


The following screencast shows you what to expect.

About the project

Our goal is to provide solid code generation templates for advanced Angular CRUD web applications.

Code generation templates are written in Velocity and interpreted by Celerio, an Open Source code generator tool for data-oriented applications.

Here is the folder organization:

  • pack-angular folder contains the Celerio code generation templates that are interpreted/copied by Celerio.
  • quickstart-conf folder contains the minimal configuration that Celerio needs to generate this quickstart.
  • quickstart folder is where you can generate the quickstart.
  • quickstart-generated: folder is an already generated quickstart provided here so you can browse the source code even from your phone :)

About the generated code

The generated Angular CRUD web app uses the following technologies/frameworks:

  • Angular Cli a command line interface for Angular
  • Angular 5 web framework: we try to always use the most recent version
  • TypeScript: much easier than JavaScript...
  • PrimeNG: Angular components library, we leverage file upload, auto-complete, calendar, tri-state checkbox, server-side pagination, etc.
  • Angular Material: Material Design components for Angular apps
  • Spring Boot: Java app backend, made easy, we generate REST endpoints, etc.
  • Spring Security: basic security by default
  • Spring Data JPA: leverage query by example, etc.


You may contribute in several ways:

  • By reviewing the generated code, are PrimeNG, Angular, Spring Data, Spring Boot, etc. properly used ?
  • By trying to generate a project using your own database schema
  • By using the generated app and trying to find its limits

You may of course report issues and/or submit pull requests.

Popular Schema Projects
Popular Database Projects
Popular Data Formats Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Spring Boot
Reverse Engineering
Code Generator
Angular Material
Database Schema
Spring Data
Crud Generator