Office hours
Part of the Campus
Office hours: part of the Campus suite, on the shared “campus-en” data.
data space «campus-en» — this micro app reads and writes the suite’s shared data space.
What it records
- Time (e.g. 10:30)
- Who is coming (family, teacher, supplier...)
- Reason for the appointment
The other micro apps in the same suite
How it works
This is a Reactive app: a plain text document that your browser turns into a working app — forms, live data, tables, statistics and even charts, with nothing to install or configure.
- Use it right away. Hit “Use this app”: it opens right in your browser, ready to go, with data saved only on your device.
- Your data stays yours. Everything is stored locally on your device, kept separate for each app: no account, no server, nothing to set up.
- Make it your own. The text below is the entire app: copy it, tweak fields, views and words, and your changes become interactive instantly.
- Share it as a file. An app is a simple file: save it, export it or share it with a link; and with encrypted collaboration several people edit the same data in real time.
The app’s source
# 📅 Office hours
## Appointments at the office
::::form{path="appointments" id="fapp"}
::input{form="fapp" field="date" type="date" required="true" legend="Day"}
::input{form="fapp" field="time" placeholder="Time (e.g. 10:30)" required="true"}
::input{form="fapp" field="person" placeholder="Who is coming (family, teacher, supplier...)" required="true"}
::input{form="fapp" field="reason" placeholder="Reason for the appointment"}
::add-form{form="fapp" path="appointments" label="Book appointment"}
::::
:::calendar{path="appointments" field="date"}
{time} {person} · {reason}
:::