📓 Clean Code Journal
🌍 Live demo: Clean-Code.rocks
A sample project for Vaadin Flow and Spring Boot
Have you tried to become a Clean Code Developer and master the white grade?
This web-app helps you to keep the track and reminds you in your current grade goals. Log your progress and get achievements for your goals
This project was built as a sample application for a Vaadin 14 progressive web app. It uses Spring Boot and runs on JDK 17.
It uses free open source Vaadin Components, so you don't need a Vaadin Pro subscription to run, start or debug it.
A prebuild docker image is available at Docker Hub.
You can start it with the provided
Or if you want to build your own image just use the
- Installed JDK 17, or higher.
- Installed Node JS 10 or later.
Make sure you have the node package manager
npmon your PATH.
- Import the project to the IDE of your choosing as a Maven project.
- To run WebApp just execute the maven task
mvn spring-boot:runor run the
Applicationclass in your IDE.
- Open http://localhost:8090 in a browser.
If you want to run the application locally in the production mode, run
mvn spring-boot:run -Pproduction.
🔁 Auto Restart
For fast compile -> see-changes roundtrips the
Spring Developer Tolls
are enabled. Every change on the classpath will trigger a server restart. So you can just compile F9 in the IDE and
hit F5 ibn the Browser to see the changes. You can disble it, by deleting the
For editing I18N property files, make sure you use UTF-8 encoding. In IntelliJ:
File > Settings > Editor > File Encodings > Properties Files > Default encoding: UTF-8
For documentation on using Vaadin Flow and Spring, visit vaadin.com/docs.
For more information on Vaadin Flow, visit https://vaadin.com/flow.
The demos show 5 different ways how to build a Vaadin interface component:
- Flow components
UI built with Vaadin Flow components.
- Element API
Custom component built with HTML elements.
- Custom HTML
Direct output of custom HTML.
- Polymer Templates
Import of an existing external hosted Web-Component.
Domain entities which could be saved in a DB
Spring services which load, save or manipulate domain entities
Stateless helper functions
All views (pages) and dialogs
The project initial setup was generated by a free Vaadin starter start.vaadin.com.
This project is licenced under MIT.
You are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material
This licence does NOT apply to the Clean Code Dev content stored in the
No commercial Vaadin components are used in this project. So you don't need a Vaadin Pro subscription to run, start or debug it.
Cannot resolve custom CSS property
Polymer templates can access CSS Properties of the Vaadin theme.
The theme is also available as web component. But this prevents the IDE to resolve a CSS property because it's stored as a JS String instead of a CSS file.
So we have to ignore this warning:
Cannot resolve '--material-secondary-background-color' custom property