Fun With Flags 🇳🇱🇸🇨🇯🇪🇬🇭

This multiplayer "Guess the country/territory/organization of a flag" game was created for a presentation about HTMX.

HTMX is a JavaScript library for making rich client applications using just server-side rendered HTML.

Quarkus is used for the backend.

The game uses websockets, AJAX and just a plain HTML backend.

Technologies used:

• HTMX
• HTMX web-sockets
• Bootstrap 5.3
• Flag icons
• Quarkus
• Resteasy
• Web Sockets
• Qute
• Scheduler
• Shadows into Light font by Kimberly Geswein

Running the application in dev mode

You can run your application in dev mode that enables live coding using:

./mvnw compile quarkus:dev

Packaging and running the application

The application can be packaged using:

./mvnw package

It produces the quarkus-run.jar file in the target/quarkus-app/ directory. Be aware that it’s not an über-jar as the dependencies are copied into the target/quarkus-app/lib/ directory.

The application is now runnable using java -jar target/quarkus-app/quarkus-run.jar.

If you want to build an über-jar, execute the following command:

./mvnw package -Dquarkus.package.type=uber-jar

The application, packaged as an über-jar, is now runnable using java -jar target/*-runner.jar.

Creating a native executable

You can create a native executable using:

./mvnw package -Dnative

Or, if you don't have GraalVM installed, you can run the native executable build in a container using:

./mvnw package -Dnative -Dquarkus.native.container-build=true

You can then execute your native executable with: ./target/fwf-1.0.0-SNAPSHOT-runner