Skip to main content
Interactive Browser Tools

Project Details

Interactive Browser Tools

A growing set of free, interactive tools — calculators, questionnaires, planners and calming games — built as self-contained web artifacts and embedded across my sites for people to use

Technologies Used

Overview

Across my sites I build small, focused tools people can use straight away in the browser without needing to sign-up or install anything.  Each one is a self-contained web artifact: a single HTML file with its own styling and logic that I host directly on the site it belongs to.

Some are questionnaires that hand back a personalised starter plan; some are calculators that show the numbers behind a decision; and some are planners that turn a goal into steps. They double as lead magnets and as genuinely useful resources that keep people on the site.

All of them provide an opportunity for the user to save their results and download as a PDF.

You can try them live on each site's tools page:

  • Djangify — tools for creators: Expertise Interview Builder, "What Should You Validate First?", AI Storytelling Content Builder, a marketplace Fee Calculator, a communication-style profiler, and a platform-fee cost calculator.
  • The Self-Talk Effect: the 5-Step Negative Self-Talk Reset and the Negative Self-Talk Loop tool.
  • Inspirational Guidance: the ALIVE List questionnaire and builder. ALIVE List prompts with a free and premium version, a Core Values Compass available as a free and premium version. On Inspirational Guidance users can save their results to their dashboard.
  • 90-Day Progress Plan: the 90-Day Results Planner and the 90-Day Focus Finder to help users start the process of focusing and achieving their yearly goals.

Technical Details

Each tool is a single, self-contained HTML file with its own markup, styling and vanilla JavaScript, with nothing fetched from an external host at runtime. That keeps them fast, private, and simple to drop into any site.

  • Self-contained artifacts - one file per tool, all CSS and JS inline, no build step and no external dependencies to break.
  • Hosted, not embedded from elsewhere - the tools live on my own Django-powered sites (via a hosted-tools feature in the admin), so there's no third-party script, tracker or cookie banner attached to them.
  • Free and gated versions - most are free to use in the browser; a few (like the member Goal Tracker) sit behind a login for registered users.
  • Reusable pattern - questionnaire, calculator, and planner are templates I reuse, so a new tool for a new site is quick to produce and consistent to maintain.

The result is a library of tools that stays under my control: I can add, update or move one without touching a SaaS account or paying per-widget fees.

Results

  • Useful lead magnets — each tool gives a real result on the spot (a plan, a number, a values statement), which is a stronger reason to stay and sign up than a static PDF.
  • Faster to ship — because they're single-file artifacts with no build step, a new tool goes from idea to live page quickly and reuses patterns I've already built.
  • Private by design — no external scripts means no extra trackers, no cookie banners, and nothing slowing the page down.
  • Fully owned — the tools are hosted on my own sites, so there's no per-tool subscription and nothing that disappears if a third-party service shuts down.