Repository files navigation

This Angular quickstart uses Angular Cli to create an application skeleton and Celeriotoreverse your relational database schema andgenerate the Angular + Spring Boot codeto 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 thequickstart folder.

Take a look at the generated code for yourself. Out of thissample SQL schemaand thisCelerio configuration,we generate thiscode,thanks to thesetemplates.

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

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.

To run the docker image of the sample generated webapp:

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

Then access it atlocalhost:8080

The followingscreencast shows you what to expect.

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

Code generation templates are written inVelocity and interpreted byCelerio, an Open Sourcecode generatortool for data-oriented applications.

Here is the folder organization:

• pack-angular folder contains the Celerio code generation templates that are interpreted/copied byCelerio.
• 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 :)

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 coursereport issues and/or submit pull requests.