My Work & Projects
Below are some of the key projects I've developed, showcasing my full-stack development skills, systems architecture expertise and ability to deliver impactful solutions. Each project highlights both the technical scope and the value delivered to clients or users.
Empower Hub: Full-Stack SaaS Client Management Platform
System Architecture & Custom Business OS (Next.js, Supabase, TypeScript)Figma Prototype (Not Deployed)
Impact & Value
To create a secure, highly professional, and seamless client hub that functions as a single source of truth, replacing email attachments and disconnected third-party tools.
Technical Scope
Uses Supabase for the backend (Auth, Database, Storage) and Gemini API for content generation/task summaries. Features a CRON job for automated tasks. Built with Next.js and TypeScript, demonstrating secure full-stack development.
Summary: A comprehensive, all-in-one platform for financial management, project planning, secure file sharing, and time tracking. The link is to the Figma prototype, as the full app is not yet deployed.
Project DANA: Secure Legal Evidence Archive & Narrative Assistant
Full-Stack Security Architecture & Sensitive UX DesignGitHub Pages (Demo)
Impact & Value
Provides a secure, structured tool to transform scattered data (photos, audio, narrative) into a clear, consolidated, and court-ready narrative, streamlining the complex process of evidence submission for solicitors.
Technical Scope
Focuses on high-level security: 1. Plausible Deniability: Features a Quick Exit button that instantly swaps the screen for a generic Decoy Page. 2. Legal Integrity: Uses dual-timestamping (incident date and system capture date) and cryptographic hashing (SHA-256) on all files to prove evidence integrity. 3. Role-Based Access: Architecture designed for PostgreSQL/Supabase Row-Level Security (RLS) to allow authenticated lawyers to view multiple linked clients' files via a secure sharing PIN.
Summary: A secure, password-protected web application designed to empower survivors of domestic abuse by structuring and organising evidence for legal use.
Empower Command Centre: AI-Driven SaaS Monitoring Platform
Full-Stack Application Architecture, Dynamic Theming, & Data FusionGitHub Pages (Demo)
Impact & Value
Features the 'How-to-Fix Engine,' which translates complex technical alerts (security, speed, SEO) into plain-English, actionable, non-developer steps for immediate issue resolution. The multi-client switcher instantly re-skins the UI and tailors data/solutions for different industries.
Technical Scope
Future live version will integrate Google PageSpeed API and Google Console API. Static demo built with HTML/Tailwind/JS. Demonstrates Dynamic Multi-Client Switching and Data Fusion Visualisation. Designed for a Next.js build with a Node.js/Python API and OpenAI/AI integration.
Summary: A high-fidelity, interactive demo of an all-in-one 'Command Centre' that pulls scattered data from multiple monitoring tools. The link is to the static front-end demo.
Social Genie: AI-Powered Content Planning & Automation Module
Full-Stack AI Integration & Workflow AutomationVercel (Live App)
Impact & Value
Automates the content creation process by generating social media posts in a consistent, personal voice based on a rough idea or brief, drastically reducing the time spent on content strategy.
Technical Scope
Hosted on Vercel. Uses the Gemini API for content generation, LinkedIn API for post data, and Supabase for user authentication and content storage. Built with Next.js/React.
Summary: A personal project to take the thought process out of creating social media posts in a personal style.
Website Health Checker Tool
Full-Stack Web Application (Next.js & TypeScript)Vercel (Live App)
Impact & Value
The core feature is a dynamic pricing engine that translates scores into a tailored, priced action plan, transforming the tool from a simple checker into an automated lead-generation funnel.
Technical Scope
Full-stack application utilising the Google PageSpeed API for real-time data fetching. Built with Next.js and TypeScript. Hosted on Vercel.
Summary: An interactive tool that provides an instant audit of a site's performance, SEO, and accessibility.
Bespoke Wedding Guest App / VowSuite (SaaS Concept)
Full-Stack Web App Development (React & Firebase/Supabase)Vercel (Project Overview)
Impact & Value
A B2C application built to significantly enhance the client's guest experience and streamline wedding logistics. Key Features include Interactive Schedules and secure Photo/Video Sharing for guests.
Technical Scope
Hosted on Vercel. Uses Firebase for photo uploads and guestlist management (live data). Built with React, demonstrating secure event-based data handling and client experience architecture.
Summary: A fully-featured, bespoke web application designed to enhance the wedding guest experience. The link is to a dedicated project overview page, not the live, private app.
Global Logistics Planner: Full-Stack Real-Time Resource Manager
Full-Stack Development, Architectural Design, and Complex Data Modelling (Firebase)Firebase (Demo)
Impact & Value
Designed to eliminate the chaos of managing high-stakes, multi-leg projects (like international roadshows or large event coordination) by centralising all data into a single source of truth.
Technical Scope
Uses Firebase Firestore for real-time data sync. Features the Google Maps API for route planning/logistics. Built with vanilla HTML/CSS/JS, demonstrating mastery of integrated development without a modern framework.
Summary: A fully functional web application I developed from scratch to manage complex travel logistics using front-end development and back-end database integration.
Project Voyager: AI-Assisted Travel & Itinerary Platform
Business Strategy & 'Human-in-the-Loop' Service DesignGitHub Pages (Demo)
Impact & Value
To demonstrate the 'Hybrid Automation' model. The AI handles 90% of the laborious planning (research, costings, policy checks), allowing the human Virtual Assistant (me) to provide the high-trust, secure 'last mile' booking. It fuses AI speed with human assurance, turning a 3-hour manual task into a 10-minute review.
Technical Scope
Static demo built with HTML/Tailwind/JS. The core concept is 'Plan, Don't Book': 1. AI Integration: The live version is planned to use the Gemini API to parse natural language prompts and research flight/hotel options. 2. Human-in-the-Loop: The UI is explicitly designed to send the plan (not a live booking) to the Virtual Assistant for final, secure booking, managing client expectations perfectly. 3. Internal Force-Multiplier: Architected as an internal tool for Empower Virtual Assistant Services to productise travel management and drastically increase service profitability.
Summary: A high-fidelity, interactive demo of an AI-powered platform that generates complex travel itineraries from a single natural language prompt. It is designed as a powerful internal efficiency tool for virtual assistant services.
Quote Command: Dynamic Trades Profit Calculator & Job Tracker
Full-Stack Application Prototype (Client-Side Logic Focus)GitHub Pages (Demo)
Impact & Value
A specialised tool designed to eliminate guesswork and under-quoting for tradespeople. It guarantees profitability by enforcing a mandatory profit margin and instantly calculating the final client quote (including VAT), saving time and ensuring accurate cash flow.
Technical Scope
This is a fully functional client-side application built with HTML, Tailwind CSS, and vanilla JavaScript. It handles complex financial logic, real-time state management, dynamic table sorting, and CSV data export.
Summary: A bespoke web application built for tradespeople to streamline quoting and job management.
FinanceNinja: Financial Data Tracking & UK Tax Forecasting SaaS
Full-Stack Application Development, Complex Financial Logic, & Data VisualisationGitHub Pages (Demo)
Impact & Value
Provides a consolidated tool for self-employed individuals to not only track cash flow but also accurately forecast their true take-home pay after statutory deductions (UK/Scottish tax logic), eliminating financial anxiety.
Technical Scope
Highly functional interactive prototype built with Chart.js and complex vanilla JavaScript. Key achievement is the Self-Employment Calculator utilising real-world UK tax bands and NI rules, proving the ability to handle nested financial compliance logic.
Summary: A full-featured personal finance management application with income/expense tracking and savings goal management.
VAAssist: Virtual Assistant Productivity Platform (SaaS Architecture)
Systems Architecture, Client Management, & Workflow ConsolidationGitHub Pages (Demo)
Impact & Value
Solves the major operational challenge for solo service businesses: tool scatter. It consolidates CRM, task management, time tracking, and document generation into one clean interface, resulting in higher billable hours.
Technical Scope
Highly detailed, multi-module interactive prototype demonstrating a Client-Centric CRM, Real-Time Time Tracker, and Document Automation. Built with HTML/Tailwind CSS and vanilla JavaScript, designed as a unified full-stack system with a central API.
Summary: A full-featured productivity platform designed to help VAs manage their entire operation.
Inbox Zero Transformation: High-Impact Custom Scripting Case Study
Process Automation & Custom Script Engineering (Google Apps Script)GitHub Pages (Demo of Outcome)
Impact & Value
Successfully solved a client's critical inbox chaos, resulting in a 90% reduction in daily email management time and a 100% elimination of missed sales opportunities.
Technical Scope
Complex Google Apps Script solution (serverless) for Mass Archiving and Advanced Triage/Labelling using sophisticated keyword and sender filtering. Showcases expertise in Google Workspace automation.
Summary: Developed a bespoke Google Apps Script to tackle a chaotic inbox with over 15,000 emails.
Automated Lead Generation Funnel (Python-Powered)
Process Automation, Data Scraping, & Sales Workflow DesignGitHub Pages (Process Demo)
Impact & Value
Replaced unreliable, ad-hoc lead sourcing with a repeatable, data-driven system that reliably delivers over 40 qualified leads per month, saving sales teams over 8 hours per week.
Technical Scope
A Process Simulation Demo modelling a multi-step data pipeline (Web Scraping $ o$ Contact Enrichment $ o$ Lead Qualification Triage). System is typically built using Python with libraries like BeautifulSoup/Selenium.
Summary: Designed and implemented a structured process that transformed an ad-hoc approach into a reliable system.
CGH Joinery Digital Daybook: Full-Stack Quote Automation
Custom Automation, Financial Logic, & Google Apps Script IntegrationGitHub Pages (Demo)
Impact & Value
Developed a direct replacement for the client's paper-based quote process. The primary value is the seamless, digital transfer of real-time data from the field calculator directly to the office's master data sheet.
Technical Scope
Fully functional client-side app. The full solution uses a Google Apps Script (GAS) backend to automatically stream quote details to a master Google Sheet, eliminating manual data entry.
Summary: A 'Digital Daybook' built for a joiner to replace his manual quote process.
Event Proposal Generator: Sales Automation & Document Assembly
Bespoke Web App DevelopmentGitHub Pages (Demo)
Impact & Value
Transforms the chaotic, manual process of creating complex event proposals into a seamless, two-step digital workflow. This system dramatically improves conversion rates and reduces admin hours.
Technical Scope
Fully interactive, multi-stage prototype built with HTML/Tailwind CSS and vanilla JavaScript. Demonstrates Dynamic Data Flow and Document Assembly (dynamically building a PDF-style proposal).
Summary: A two-part solution for streamlining the client acquisition process.
Automated Invoice Process
Process Automation & Custom Scripting (Google Apps Script)Project Overview
Impact & Value
Saves significant administrative time and ensures consistent, error-free billing by automating the entire invoice generation, PDF conversion, saving, and emailing process.
Technical Scope
Uses Google Apps Script (serverless) to integrate Google Sheets, Google Drive, and Gmail APIs, showcasing complex multi-step workflow automation and custom document generation.
Summary: A bespoke, five-step system using Google Apps Script that automatically generates and sends personalised invoices.
Full Business System Build for a Trades Company
Systems Architecture & OperationsProject Overview
Impact & Value
Created a full suite of SOPs, GDPR and H&S compliance documents, and customer journey maps, giving the client a professional, scalable operational foundation.
Technical Scope
Project focused on high-level systems architecture, process mapping, and operational design before technical implementation. Demonstrates non-code solutions.
Summary: A comprehensive project to build a company’s entire operational framework from the ground up.
Demo App: Airbnb for Onboarding
Client Experience SystemProject Overview
Impact & Value
Transforms the client onboarding process into a seamless, professional experience, eliminating messy email chains and building trust from day one.
Technical Scope
Conceptual system architecture for a client-side onboarding portal, demonstrating UX/UI design principles for complex, step-by-step administrative workflows.
Summary: A demonstration of how a bespoke system can transform a chaotic client onboarding process.
Demo App: Uber for Trades
Web Application PrototypeProject Overview
Impact & Value
Showcases a seamless client-side interface for booking services and a management portal for tradespeople, solving complex service dispatch and management problems.
Technical Scope
Demonstration of complex operational system architecture, including user authentication (Client/Trader) and real-time job/location handling concepts.
Summary: A demonstration of my ability to architect a complex operational system for the trades industry.