My Timeline

Sole End-to-End Platform Delivery & Technical Direction

Single-handedly architected, designed, developed, and deployed the entire full-stack SaaS platform within an intensive 3-month timeframe. Defined the complete technical vision and product roadmap, embedding data privacy and user consent mechanisms from inception, including full configuration of secure custom domain email infrastructure (Google Workspace, Netlify DNS for MX, SPF, DKIM, DMARC).

Proactive Scalable Infrastructure & Security Engineering

Engineered the platform for high availability and performance by selecting Supabase Pro (compute) and Netlify Pro plans, ensuring robust backend infrastructure and low-latency global hosting. Integrated Arcjet for essential rate limiting and bot protection.

Complex Relational Database Architecture & ORM Implementation

Designed and implemented a comprehensive PostgreSQL schema using Drizzle ORM, meticulously modelling user roles, multi-stage vetting processes, consent timestamps, marketing preferences, detailed candidate profiles, secure file storage, referral tracking systems, and service order management.

Robust Authentication, Authorisation & User Lifecycle Management

Integrated Clerk to deliver secure user authentication (sign-up/sign-in), profile synchronisation, and granular role-based access control (RBAC). Implemented comprehensive user lifecycle event management via Clerk webhooks, empowering users with full account and data control.

Feature-Rich Candidate Dashboard & Secure Data Management

Developed a comprehensive user-facing dashboard enabling veterans/first responders to manage extensive profiles via dynamic React Hook Forms with Zod validation (personal, contact, residency, service history, career preferences, opt-ins). Implemented secure document handling (CVs, cover letters) with Uploadthing and signed URLs, profile completion tracking, and a dedicated "My Orders" section for service history, payment status, and receipt access.

Integrated Premium Career Services & E-commerce Functionality

Comprehensive Admin CRM for Recruitment & Service Operations

Type-Safe Backend Logic with Next.js Server Actions

Leveraged Next.js Server Actions extensively for all core backend mutations and data handling, accelerating development and ensuring end-to-end type safety with robust input validation using Zod schemas. Strategically employed React Server Components, reserving client-side React for fine-grained interactivity.

Strategic Integration of Critical Third-Party Services

Expertly integrated a suite of essential third-party services including Uploadthing (file storage), Resend/React Email (transactional emails, contact forms), Clerk (authentication & webhooks), Stripe (payments), Svix (webhook security), and Arcjet (application security).

Automated Communications & User Engagement Systems

Implemented a referral tracking system and comprehensive newsletter functionality (subscription management, email verification). Utilised the Resend API for automated delivery of newsletters and other transactional emails, including notifications related to service request updates.

Intuitive UI/UX Design & Responsive Implementation

Designed and built a responsive, modern user interface using Tailwind CSS and Shadcn UI, ensuring an intuitive experience for all user types, including clear presentation of terms and privacy policies.

Ongoing Platform Evolution & Feature Enhancement

Continuously architecting and developing new features to enhance the platform's value for both candidates and internal recruiters, focusing on administrative functionalities and user experience improvements.

Sole End-to-End SaaS Architecture & Implementation

Independently managed the entire application lifecycle: designing a complex PostgreSQL relational schema, building a high-performance asynchronous FastAPI backend, developing an interactive React/TypeScript frontend, and configuring cloud deployment on Heroku, ensuring GDPR compliance throughout.

Advanced Data Modelling & Pydantic Validation

Utilised SQLModel extensively for ORM functionality, defining intricate table relationships (e.g., User-Vehicle-Customer links, Bookings, Subscriptions) and ensuring data integrity through Pydantic-based validation across the backend.

Custom Secure Authentication & Tiered Authorisation System

Engineered a complete, custom user authentication and authorisation system from the ground up, featuring secure registration/login, JWT sessions, robust bcrypt password hashing, email-verified password recovery, and role-based feature access control tied to subscription tiers.

Full Stripe Subscription Lifecycle & Webhook Management

Integrated Stripe for multi-tier recurring subscriptions (Checkout, Billing Portal). Developed a secure webhook endpoint with signature verification for reliable processing of asynchronous Stripe events and implemented logic (including scheduled tasks via APScheduler) to manage the full subscription lifecycle (trial expirations, failed payments, plan state changes).

External DVLA API Integration & Robust Data Transformation

Implemented integration with specific DVLA APIs (VES & MOT History) for real-time vehicle data lookup. Developed robust data transformation logic to handle varying API response structures and map them consistently to the internal data model, including automated MOT/Tax status refresh.

Developed Core SaaS Features, including:

Scheduled Background Task Processing (via APScheduler)

Implemented background task processing for critical jobs: daily batched email reminders (aiosmtplib), daily asynchronous DVLA data synchronisation, and interval-based checks for managing trial account expirations and subscription states.

Performant & Secure API Design (FastAPI)

Designed secure, performant RESTful APIs (using FastAPI and SQLModel) incorporating security best practices and Brotli response compression, leveraging Python's asynchronous capabilities for non-blocking I/O operations.

Modern Frontend Development (React/TypeScript)

Built a responsive frontend using React, TypeScript, Tailwind CSS, and Shadcn UI, with robust state management via the React Context API and form handling using Formik and Yup for input validation.

Account Management & Data Control Mechanisms

Implemented user account management features and provided mechanisms for users (garages) to manage and delete their data, adhering to data privacy principles.

Production Deployment with Containerisation & CI/CD

Implemented containerisation using Docker, managed production deployment to Heroku using Gunicorn, and established an automated CI/CD pipeline with GitHub Actions for efficient updates.

Performance Optimisation & SEO Enhancements

Applied frontend optimisation techniques, including pre-rendering key routes using React Snap, for improved SEO and faster initial load times.

Code Quality & Maintainable Architecture

Ensured high code quality using ESLint/Prettier and implemented organised code structures, such as a modular backend API and component-based frontend, to promote long-term maintainability.

Guiding Opus UI Framework Modularisation

Directed the architectural evolution of the Opus UI framework, overseeing its transition into a modular, multi-package ecosystem. This involved architecting, building, and publishing new, independent libraries (@IntendaUK) and refactoring existing libraries to ensure compatibility and enhance maintainability.

Leading End-to-End Developer Tooling Creation

Led the complete lifecycle (architecture, development, publication) of critical open-source developer tools: the Opus UI Language Server (LSP, custom AST, context-aware IntelliSense, diagnostics) with its VS Code Extension, and the 'create-opus-ui-app' Node.js CLI.

Engineering Framework Build & Release Processes

Engineered custom Vite build configurations and meticulously managed complex package.json dependencies across the Opus UI library ecosystem, ensuring robust and reliable build, packaging, and release processes for numerous framework libraries.

Core Technical Leadership for Fraxses LegoZ Platform

Provided ongoing technical leadership for the Fraxses LegoZ platform, optimising high-performance visualisations for large-scale diagrams, engineering complex union field handling, defining front-end integration strategies for new Rust backend services, and implementing robust RBAC security features.

Driving Developer Enablement through Resources & Mentorship

Significantly enhanced developer productivity and framework adoption by creating, curating, and contributing to comprehensive documentation, practical examples, and video tutorials hosted on opus-ui.com, alongside dedicated mentorship programmes.

Championing Code Quality & Cross-Repository Standards

Maintained high code quality standards through rigorous code reviews, established development best practices, and ensured seamless cross-repository compatibility for all Opus UI framework modifications and library updates.

Delivering Bespoke Enterprise Solutions for Deloitte

Drove technical collaboration with cross-functional teams and led the sole architecture and development of bespoke Opus UI applications for Deloitte (Maturity Assessment, Strategy Tracker, custom component library). Advised Deloitte's backend teams on API design for optimal data-driven UI integration.

Advancing Open Source Strategy & Tool Maintenance

Actively contributed to the open-sourcing strategy, preparation, and execution for core Opus UI libraries. Led the ongoing maintenance, documentation, and community publication (VS Code Marketplace, npm) of the Opus UI Language Server and 'create-opus-ui-app' CLI tool.

Leading Fraxses LegoZ Platform Redevelopment

Led the ground-up architectural migration and redevelopment of the Fraxses LegoZ data platform, transitioning it from a legacy Angular 4 architecture to a modern, declarative system using React and Opus UI. This significantly enhanced maintainability, scalability, and performance.

Significant Opus UI Core Framework Enhancements

Made substantial contributions to the Opus UI core framework, including developing its JSON-to-React rendering engine, advancing its state management and scoping system, and creating numerous reusable React components for the `opus-ui-components` library and JSON-defined ensembles.

Architecting & Building Internal Developer Productivity Tools

Architected and built key internal developer tools, including a visual Drag and Drop Dashboard Builder (for Opus UI JSON generation) and the Opus UI JSON Schema Generator, to streamline workflows and boost team productivity.

Developing Reusable Opus UI Ensembles & LegoZ Components

Developed and published reusable, JSON-defined modular packages (ensembles) for Opus UI, and the specialised `opus-ui-legoz` component library, accelerating development and ensuring consistency across applications, particularly Fraxses LegoZ.

Ensuring Framework & Application Quality via Testing & Optimisation

Maintained high quality for the Opus UI framework and associated applications by implementing performance optimisations (caching, rendering strategies), developing comprehensive Jest-based unit and integration tests, and establishing robust error handling mechanisms.

Mentoring Engineers & Establishing Technical Best Practices

Elevated team capabilities by mentoring engineers on Opus UI best practices for component development, architectural design, and state management, fostering a collaborative, knowledge-sharing environment.

Agile Delivery of Scalable, User-Focused Features

Effectively translated design specifications and product requirements into scalable, user-centric features through active participation in cross-functional Agile development processes and iterative delivery.

Supporting Opus UI Integration in Enterprise Systems

Facilitated the successful integration of Opus UI solutions into key enterprise systems, including the Fraxses LegoZ platform and applications deployed for partners such as Deloitte and Bridge.

Fraxses LegoZ Platform Enhancements & FlowZ Engine Integration

Implemented significant Fraxses LegoZ platform enhancements, including a comprehensive UI reskin (Angular 4) and the major integration of the FlowZ ETL engine (developed as my final-year university project, utilising GoJS) to extend data pipeline management capabilities.

GoJS Data Visualisation Development & Optimisation for LegoZ

Developed and optimised complex GoJS-based data visualisation components within Fraxses LegoZ (FlowZ Builder, Object Builder, Data Pedigree), implementing custom node/link behaviours and enhancing rendering performance for intricate data structures and relationships.

Apache Superset Adaptation & Customisation for Fraxses

Adapted and integrated a forked version of Apache Superset (React) into the company's technology stack, implementing custom Fraxses branding and theming, and developing bespoke features to align with platform requirements.

User-Driven Feature Development for Fraxses LegoZ

Drove feature development cycles for Fraxses LegoZ based on user requirements and feedback, managing tasks from specification through to implementation, including addressing feature requests and resolving support tickets for the Angular 4 platform.

Cross-Platform Bug Resolution & Stability Assurance

Ensured application stability by identifying and resolving bugs across diverse codebases, including the Fraxses LegoZ Angular 4 frontend / C# backend and the integrated Apache Superset React frontend.

Maintaining UI/UX Consistency & Brand Implementation

Maintained visual consistency and user experience by implementing Fraxses brand guidelines and UI themes across the LegoZ platform and the integrated Apache Superset application, ensuring a cohesive look and feel.

Fraxses AnalyticZ Frontend Feature Development & Enhancement

Developed and enhanced key frontend features for Fraxses AnalyticZ (JavaScript/jQuery), including a redesigned menu system and functionality for isolated chart rendering to support embedding within external applications.

Fraxses LegoZ UI/UX Modernisation with Angular Material

Contributed to the Fraxses LegoZ (AngularJS) UI/UX redesign, focusing on modernising aesthetics and improving usability through the implementation of Angular Material components and design principles.

Interactive Data Visualisation: Migration & Maintenance

Rebuilt and migrated Fraxses AnalyticZ data visualisations from D3.js to Plotly.js, significantly improving chart performance and user interactivity for large datasets. Maintained and enhanced existing JsPlumb-based diagram visualisations in Fraxses LegoZ.

Full-Stack Defect Resolution for Fraxses LegoZ (AngularJS/C#)

Addressed software defects across the Fraxses LegoZ full stack, diagnosing and resolving bugs in both the AngularJS frontend and C# backend to ensure application stability and reliability.

Collaborative Troubleshooting of Backend C# & Database Issues

Regularly collaborated with senior developers and backend teams to troubleshoot complex technical issues in Fraxses LegoZ, particularly those involving C# backend logic and interactions with database stored procedures.

Building LegoZ Event Builder UI for Complex Backend Interaction

Designed and built the LegoZ Event Builder (API Action Management UI) using AngularJS and JsPlumb, enabling users to visually configure and trigger backend C# endpoints and stored procedures, thereby simplifying interaction with complex backend systems.

Delivering Full-Stack ETL Specification Builder (FlowZ) for Fraxses Ltd.

Successfully delivered "FlowZ" as a final-year university project for Fraxses Ltd.: a full-stack MEAN application (Angular 4 / GoJS UI, Node.js / Express.js API, MongoDB) with JWT security, enabling visual creation, validation, and management of ETL specifications. This project was subsequently integrated into Fraxses' commercial offerings.

Developing MVC Online Course Platform (Java/Spring)

Contributed to an MVC online course platform using Java, Spring Framework, JSP, and MySQL. Developed backend course management logic (CRUD operations via Spring MVC) and responsive JSP frontend views, with JDBC for database interactions, as part of a group project.