Update README

README.md

@@ -2,10 +2,13 @@
 
 We are very excited to have you here!
 
-Basecode is a full-stack platform for creating web apps using Java/Kotlin and React. The platform consists of several
+Basecode is a full-stack scaffolding tool for Java/Kotlin + React applications. The platform consists of several
 generators to generate the basic structure of your web application.
 
-(Code generated by) Basecode is:
+The goal of Basecode is to minimize the time spent on bootstrapping a new project and maximize the time spent on
+delivering business value.
+
+Basecode / the code generated by Basecode is:
 
 - **Productive**, as it allows you to generate authentication and CRUD functionality with 1-N relations, including
   migrations, GraphQL schema files, unit tests and integration tests.

pkg/generator/templates/frontends/react/auth/[artifactId]-web/src/components/app/auth/Login.tsx.peb

@@ -1,9 +1,9 @@
 import { showError } from '@lib/notifications'
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { gql, OperationResult, useMutation } from 'urql'
 import { Mutation } from '@generated/graphql'
 import { useFormik } from 'formik'
-import { Form } from '@components/Form'
+import { Form } from '@components/ui/Form'
 
 export interface LoginProps {
   onLogin?: () => void

pkg/generator/templates/frontends/react/auth/[artifactId]-web/src/components/app/auth/Register.tsx.peb

@@ -1,10 +1,10 @@
 import { showError } from '@lib/notifications'
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { gql, OperationResult, useMutation{%if hasRelations%}, useQuery{%endif%} } from 'urql'{%if hasRelations%}
 import { useMemo } from 'react'{%endif%}
 import { Mutation{%if hasRelations%}, Query{%endif%}{%for field in fields%}{%if field.isFieldRelational%}, {{ field.fieldTypePascalCase }}{%endif%}{%endfor%} } from '@generated/graphql'
 import { useFormik } from 'formik'
-import { Form } from '@components/Form'
+import { Form } from '@components/ui/Form'
 import { showInfo } from '@lib/notifications'
 
 export interface RegisterProps { {%for field in fields%}{%if field.isFieldRelational%}

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Actions.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Actions.test.tsx.peb

@@ -1,4 +1,4 @@
-import { Actions } from '@components/Actions'
+import { Actions } from '@components/ui/Actions'
 import { render, screen } from '@testing-library/react'
 
 describe('Actions', () => {

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Details.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Details.tsx.peb

@@ -1,4 +1,4 @@
-import { Details } from '@components/Details'
+import { Details } from '@components/ui/Details'
 import { render, screen } from '@testing-library/react'
 
 describe('Details', () => {

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Error.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Error.test.tsx.peb

@@ -1,4 +1,4 @@
-import { Error } from '@components/Error'
+import { Error } from '@components/ui/Error'
 import { render, screen } from '@testing-library/react'
 import { CombinedError } from 'urql'
 

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Form.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Form.test.tsx.peb

@@ -1,4 +1,4 @@
-import { Form } from '@components/Form'
+import { Form } from '@components/ui/Form'
 import { render, screen } from '@testing-library/react'
 
 describe('Form', () => {

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Header.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Header.test.tsx.peb

@@ -1,4 +1,4 @@
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { render, screen } from '@testing-library/react'
 
 describe('Header', () => {

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/List.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/List.test.tsx.peb

@@ -1,4 +1,4 @@
-import { List } from '@components/List'
+import { List } from '@components/ui/List'
 import { render, screen } from '@testing-library/react'
 
 describe('List', () => {

pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/Loader.test.tsx.peb → pkg/generator/templates/frontends/react/new/[artifactId]-web/[underscore][underscore]tests[underscore][underscore]/components/ui/Loader.test.tsx.peb

@@ -1,4 +1,4 @@
-import { Loader } from '@components/Loader'
+import { Loader } from '@components/ui/Loader'
 import { render } from '@testing-library/react'
 
 describe('Loader', () => {

pkg/generator/templates/frontends/react/scaffold/[artifactId]-web/src/components/app/[nameKebabCase]/[namePascalCase]Details.tsx.peb

@@ -1,10 +1,10 @@
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { gql, useQuery } from 'urql'
 import { useMemo } from 'react'
 import { Query } from '@generated/graphql'
-import { Error } from '@components/Error'
-import { Loader } from '@components/Loader'
-import { Details } from '@components/Details'
+import { Error } from '@components/ui/Error'
+import { Loader } from '@components/ui/Loader'
+import { Details } from '@components/ui/Details'
 
 export interface {{ namePascalCase }}DetailsProps {
   id: string | number

pkg/generator/templates/frontends/react/scaffold/[artifactId]-web/src/components/app/[nameKebabCase]/[namePascalCase]Form.tsx.peb

@@ -1,12 +1,12 @@
 import { showError, showInfo } from '@lib/notifications'
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { gql, OperationResult, useMutation, useQuery } from 'urql'
 import { useMemo } from 'react'
 import { Mutation, Query{%for field in fields%}{%if field.isFieldRelational%}, {{ field.fieldTypePascalCase }}{%endif%}{%endfor%} } from '@generated/graphql'
 import { useFormik } from 'formik'
-import { Error } from '@components/Error'
-import { Loader } from '@components/Loader'
-import { Form } from '@components/Form'
+import { Error } from '@components/ui/Error'
+import { Loader } from '@components/ui/Loader'
+import { Form } from '@components/ui/Form'
 
 export interface {{ namePascalCase }}FormProps {
   id?: string | number{%for field in fields%}{%if field.isFieldRelational%}

pkg/generator/templates/frontends/react/scaffold/[artifactId]-web/src/components/app/[nameKebabCase]/[namePascalCase]List.tsx.peb

@@ -1,11 +1,11 @@
 import { askConfirmation, showError, showInfo } from '@lib/notifications'
-import { Header } from '@components/Header'
+import { Header } from '@components/ui/Header'
 import { gql, useMutation, useQuery } from 'urql'
 import { useMemo } from 'react'
 import { Mutation, Query } from '@generated/graphql'
-import { Error } from '@components/Error'
-import { Loader } from '@components/Loader'
-import { List } from '@components/List'
+import { Error } from '@components/ui/Error'
+import { Loader } from '@components/ui/Loader'
+import { List } from '@components/ui/List'
 {%if hasRelations%}
 export interface {{ namePascalCase }}ListProps {{ "{" }}{%for field in fields%}{%if field.isFieldRelational%}
   {{ field.fieldNameCamelCase }}?: string | number{%endif%}{%endfor%}

pkg/generator/templates/frontends/react/scaffold/[artifactId]-web/src/pages/[namePluralKebabCase]/index.tsx.peb

@@ -1,6 +1,6 @@
 import { {{namePascalCase}}List } from '@components/app/{{nameKebabCase}}/{{namePascalCase}}List'
 import { DefaultLayout } from '@components/layout/DefaultLayout'
-import { Actions } from '@components/Actions'
+import { Actions } from '@components/ui/Actions'
 
 export default function {{namePluralPascalCase}}() {
   return (