Trustable
Examples

App Suite

App Suite

Four small everyday tools behind one menu: a todo list, an address book, a pomodoro timer and a unit converter.

The home page is a simple card menu — pick a tool, and every tool has a link back. Nothing is nested more than one level deep.

Todo

Type what needs doing and add it. Each item can be ticked complete, renamed — double-click the text to edit in place — or deleted. A line at the top keeps count of how many are still open out of the total, and an empty list says so rather than showing nothing.

Todos are stored server-side, so they’re still there next time you open the app.

Address Book

Contacts with a name, email, phone and free-form notes; only the name is required. Add one from the form at the top, edit any contact inline with the full set of fields, or delete it. Like the todo list, it persists between sessions and tells you plainly when it’s empty.

Pomodoro Timer

A work/break countdown with the classic defaults: 25 minutes of work, a 5-minute short break, a 15-minute long break, and a long break after every 4 rounds. All four are adjustable.

Start, pause, reset the current phase, or skip straight to the next one. The timer advances the cycle for you — work, short break, work, and a long break when the round count comes due — tracking completed rounds and showing progress through the current phase. “Reset everything” puts the whole cycle back to the start.

Unit Converter

Convert between units across eight categories: length, weight, volume, area, speed, time, digital storage and temperature. Pick a category, choose the units on each side, type a number, and the result appears as you type. A swap button flips the two units.

Length alone covers millimetres through nautical miles; temperature handles Celsius, Fahrenheit, Kelvin and Rankine with real conversion formulas rather than ratios, so it doesn’t get the offsets wrong.

How it is put together

A React and TypeScript single-page app (Vite, Tailwind CSS, shadcn/ui) over two Python actions on Apache OpenServerless:

EndpointDoes
GET/POST /api/my/v1/todos, PUT/DELETE /api/my/v1/todos/<id>list, create, update and delete todos
GET/POST /api/my/v1/contacts, PUT/DELETE /api/my/v1/contacts/<id>the same for contacts

Both are backed by PostgreSQL, with a setup/database action that creates the todos and contacts tables if they don’t exist — safe to run repeatedly.

The pomodoro timer and the unit converter need no backend at all; they run entirely in the browser.