All work
Experiments / Interactive demo

The request lab.

Small details. More dependable software.

FOCUSInteraction design & local prototype
TOOLKITTypeScript · React · Input validation
EXPLORETry the demo ↓
Concept illustration of connected software systems, not a product screenshot
Concept illustration. The working browser demo is below.
THE IDEA

Small details. More dependable software.

A simple demonstration of a useful software habit: validate input before accepting it. Try a sample JSON request to inspect the success and error paths. It runs locally in the browser and sends no data.

A small, working browser demo that makes input validation and response states visible.

DESIGN & DEVELOPMENT DECISIONS
01

Make states visible

Show the incoming input, validation outcome and response instead of hiding what happened behind a spinner.

02

Handle invalid input

An error is part of the experience. Explain what needs to change and let the user try again.

03

Be clear about scope

This is a local prototype. It does not create an account, send email or represent production performance.

INTERACTIVE / LOCAL ONLY

Give the request a try.

Edit the JSON, then run validation. Nothing is sent or stored.

Browser sandbox

Required: event, source and id as non-empty strings.

VALIDATION RESULT

Ready when you are.

Try a valid request, break a field, or write your own. The result will explain what happened.

NEXT PROJECTAlCOOl
HAVE SOMETHING IN MIND?

Let’s make it
worth building.

A new website, a product idea, or something that needs to work better.

Start a project