Clace: Demo Home

Clace Demo Apps

Clace is a platform for hypermedia driven web tools. These are apps built to demo the features of Clace.

All the apps are running on a single Clace server. The code for the apps can be found at GitHub.

Disk Usage

This app shows the disk usage on the node, allowing the user to find which directory is consuming the most space. It uses the filesystem access plugin and shows simple Hypermedia based interactions.

Disk Usage

Memory Usage

This app shows the resident memory usage, aggregated by parent process. The data comes from the "ps" command. The d3 library is used as an ESM module to show the data visualization.

Memory Usage

CowBull Word Game

This app builds the UI for a CowBull word finding game. It demonstrates the use of Hypermedia controls across multiple pages and integration with Tailwind CSS and DaisyUI.

Cowbull
The steps for installing the apps are:

First, install Clace. Then enable auto TLS certificates. Setup DNS for the domains. Then start the Clace server and install the apps.

# Start the Clace server
$ nohup clace server start &
# Create memory usage app
$ clace app create --auth=none --approve github.com/claceio/apps/system/memory_usage/ memory.demo.clace.io:/
# Create disk usage app
$ clace app create --auth=none --approve github.com/claceio/apps/system/disk_usage/ du.demo.clace.io:/
# Create cowbull app, under cowbull domain
$ clace app create --auth=none --approve github.com/claceio/apps/misc/cowbull cowbull.co:/
# Create demo app, default domain
$ clace app create --auth=none --approve github.com/claceio/apps/misc/demo demo.clace.io:/
# All apps are live now, TLS certs will be created on demand