Angular + Bootstrap + Spring Boot + Kotlin

It took me 35 pages to show how to build a secure #Angular + Spring Boot + Kotlin CRUD app. It took me 30 more to make it look good w/ Bootstrap and build a searchable/sortable/pageable table.

You can build the same app with 18 lines of JDL and JHipster + Kotlin for JHipster. 😳😱😃

1. Install JHipster and KHipster

npm install -g generator-jhipster@6.7.1 generator-jhipster-kotlin@1.5.0

2. Create an easy-notes directory and a notes.jdl file in it

application {
  config {
    baseName notes
    authenticationType oauth2
    buildTool gradle
    searchEngine elasticsearch
    testFrameworks [protractor]
  }
  entities *
}
entity Note {
  title String required
  text TextBlob
}
relationship ManyToOne {
  Note{user(login)} to User
}
paginate Note with pagination

3. In a terminal, navigate to the easy-notes directory and run khipster import-jdl notes.jdl

That’s it! 🎉

Of course, you probably want to see it running. Run the following commands to start Keycloak (as a local OAuth 2.0 server) and Elasticsearch, and launch the app.

docker-compose -f src/main/docker/keycloak.yml up -d
docker-compose -f src/main/docker/elasticsearch.yml up -d
./gradlew

Even though JHipster makes getting started easy, I do think it's important to know the underlying fundamentals, so 65 pages (of mostly code and screenshots) is likely worth your time.

❤️ Angular + Spring Boot + Kotlin CRUD = https://developer.okta.com/blog/2020/01/06/crud-angular-9-spring-boot-2

💜 Angular + Bootstrap = https://developer.okta.com/blog/2020/03/02/angular-bootstrap

If you're looking for themes for #Bootstrap, check out Bootswatch (https://bootswatch.com). It's integrated into #JHipster by default!