automate-aig

👋 Welcome

This interactive profile page demonstrates three fully functioning modules enhanced by automating AIG (AI Generative) integration. Think of this as a live portfolio

Displaying interactive demos — real systems, real value

These modules are not mockups. Each one is a working mini-product that demonstrates how I modernize workflows, automate manual tasks, and integrate AI where it delivers real return.

This profile page is designed to be viewed on a 10" or larger screen.

Module 1 — Image Resizer & Live Blog

Vanilla HTML + JS image resizer (Cropper.js) with client side cropping and fast previews.

Secure upload to Supabase Storage and instant publication to a Cloudflare Pages blog via a tiny serverless flow.

Demonstrates file handling, storage policies, client-side processing and build-time injection — perfect for marketing teams, blogs and image pipelines.

Business value: faster content publishing, consistent image sizes, lower manual overhead.

Module instructions:

Select or drag and drop an image.

Move the overlay square on the "selected image" to select the image content to make a 1280x853 image to suit our blog page

Click "make the blog", enter a caption, submit:

Your new blog post can now be seen by scrolling on the preview to the right:

Or - click "view your live post" to see your blog that has been automatically uploaded to our live blog page:

✅ Image Resizer, Blog Post Preview & Instant Online Blog Page Update.

Drag & drop an image here or click to browse

Selected Image

Preview (Cropped)

Blog Preview

Module 2 — AI Error Explainer / Live DB

A live HTML+JS data entry form that inserts into a Supabase cloud DB.

Deliberately provoke an error (delete a cell) and watch the raw DB error appear with an AI translated, humanized explanation (GROQ-driven).

Shows full loop: client → Supabase → function → AI (GROQ) → client UI.

Business value: fewer support tickets, faster developer handoff, better end user clarity.

Module instructions:

Enter a number (upto 50) in column 1.

The other columns will self populate.

Click "Submit Entry" and see your row has been inserted at the top of the live database preview on the right

Purposely cause an error by deleting the number from any column, and submit again

The database will return an error message (in a red box) this message is sent to an AI for translation. The new "easy readable English" message is then displayed in the orange box. (The original error message [red box] is displayed for a short time for comparison)

✅ Cloud Database Error (Supabase) Explained by AI

Live Entry Preview

Module 3 — Document Generator & Secure Delivery

Dynamic document generation via AI (GROQ) content expansion.

Client-side preview and PDF creation/export, and secure upload to Supabase.

Email delivery via serverless function (Resend/SMTP) with a delivery indicator (live UX).

Business value: on-demand templated documents, automated reporting, secure client delivery.

Module instructions:

Write a prompt for the AI to generate something.

It can be anything: a recipe, a fictious receipt, invoice or report: a meeting agenda.

Click "generate", to make the PDF

Click "Download PDF" which will open a new tab to see the PDF

Close the new PDF tab.

Enter your email and click "Send email"

An email will be sent to your email inbox with the PDF download link in the received email.

Why hire me

20+ years of real-world systems experience (VB/VBA → Oracle → modern web).

I focus on lean, maintainable automation that maps to how your people actually work.

I design for low-friction deployments: Jamstack + serverless functions + secure storage.

Convert manual processes into automated processes, my specialty.

How to get things rolling?

Send an email describing what you need Email Ian

In many cases - what your company needs, other comapanies have done already - so a quote can be provided quickly.

✅ Document Generator with AI + Secure Drop

interactive activities completed - click "reset" to start again