Todo(s) WebUI

Todo(s) frontend Web app using Spring Boot and Vue.js.

• Inspired by TodoMVC Vue App, with enhancements:
  • Updated style
  • App is vendored as a Spring Boot app
  • App calls a backing API endpoint (/todos) if offline data is temporal
  • App captures user interactions

Build

git clone https://github.com/corbtastik/todos-webui.git && cd todos-webui
# build spring boot jar
mvn clean package
# build OCI image via podman plugin (bound to install phase)
mvn clean install
# or build OCI image via podman cli
podman build -t todos-webui .

Run via Java

java -jar ./target/todos-webui-1.0.0.jar \
  --server.port=8000 \
  --spring.security.user.name="Sponge Bob" \
  --todos.webui.placeholder="Make bacon pancakes"

Or

Run via Podman

# run
podman run --name todos-webui -d -p 8000:8000 \
  -e "SERVER_PORT=8000" \
  -e "SPRING_SECURITY_USER_NAME=Podman" \
  -e "TODOS_WEBUI_PLACEHOLDER=Make bacon pancakes" \
  todos-webui
# follow logs
podman logs -f todos-webui

Grok

Open: http://localhost:8000

Next Steps

This application assumes the /todos endpoint is exposed from the same "origin". Because of this it's best to use this application behind the Todos-Edgewhich will serve as a gateway and single origin to the client for both the WebUI and for proxying API calls to /todos.

Another option would be to pair Todos-WebUI with a backend like Todos-MySQL, for example by running both in a podman pod and publishing and mapping port 8000 on the host.