Architecting. Designing. Delivering.

Clients · 11 clients

Eleven teams. What I built for each.

Every card: the role I was hired for, and what I actually built. Dates are in the CV.

1. WeightWatchers

   via Aspire

   Senior Fullstack Developer

   Built and maintained the internal admin platform, giving the teams behind the product the controls and features they promote to end users.

   • React
   • Node.js
   • PostgreSQL
   • Prisma
   • TypeScript
   WeightWatchers, weightwatchers.com

2. Glassdoor

   via Aspire

   Senior Frontend Developer

   Built the design system the whole platform runs on, turning Figma into components other developers build from, plus the email templates that reach its users.

   • React
   • Storybook
   • TypeScript
   • Figma
   Glassdoor, glassdoor.com

3. Subject7

   via Aspire

   Senior Frontend Developer

   Migrated a large legacy Java product into React and Next, carrying its logic across intact, and contributed to the Spring Boot backend behind it.

   • React
   • Node.js
   • TypeScript
   • Figma
   Subject7, subject7.com

4. Suzy

   via Toptal

   Senior Frontend Developer

   Built internal and external products, and the design system that later carried across several of them.

   • Angular
   • RxJS
   • Storybook
   • TypeScript
   • Figma
   Suzy, suzy.com

5. Pitchlane

   via Toptal

   Senior Frontend Developer

   Shipped features on the customer-facing product, turned Figma into working screens, and helped decide the logic in grooming.

   • Vue
   • TypeScript
   • Node.js
   • Figma
   Pitchlane, pitchlane.com

6. Ejaz

   Frontend Developer

   Built the chat system and the meeting-summary interface, and the logic under both, for the first MVP.

   • React
   • Tailwind CSS
   • Node.js
   • TypeScript
   Ejaz, ejaz.ai

7. Tabya

   Senior Fullstack Developer

   Build the internal and external products for German customers and staff: the database schemas, the APIs, and the pages that sit on top of them.

   • Angular
   • Node.js
   • TypeScript
   • Prisma
   • GraphQL
   • PostgreSQL
   • Ionic
   Tabya, tabya.de

8. Appswave

   Frontend Engineer

   Designed and built sites for government clients across the Gulf, and contributed to the design decisions behind them.

   • React
   • Liferay
   • Node.js
   • TypeScript
   Appswave, appswave.io

9. Technology Arc

   Frontend Developer

   Built the MVP for a planned product, designed its mockups, and gave it a small design system to reuse across the app.

   • Angular
   • RxJS
   • Node.js
   • TypeScript

10. Abilitiez

    Frontend Developer

    Built MVP features for a planned product, from the Figma mockups through to a reusable component set.

    • React
    • TypeScript
    • Node.js
    • MySQL
    • Sequelize

11. Madain Corp

    JavaScript Engineer

    Worked on an open-source SDK that other teams build their own applications on.

    • Node.js
    • TypeScript
    Madain Corp, madaincorp.com

Skills · 3 jobs

What you would be hiring me to do.

Three jobs, and what I reach for in each.

1. 01

   Architecting

   Deciding how it is built before anyone writes it.

   Auth and permissions

   • JWT
   • OAuth 2.0
   • Auth0
   • RBAC
   • Row-level security
   • Multi-tenancy

   Realtime and caching

   • WebSockets
   • Socket.IO
   • CDN
   • HTTP caching
   • Next.js
   • Service Workers

   APIs and contracts

   • REST
   • GraphQL
   • Node
   • Swagger
   • Zod

   Databases

   • PostgreSQL
   • MySQL
   • MongoDB
   • Prisma
   • Sequelize

   Async and events

   • BullMQ
   • Kafka
   • Amazon SQS
   • Redis
   • Webhooks

   System design

   • Modular monolith
   • Microservices
   • Nx

   Platforms

   • Supabase
   • Firebase
   • Nginx

   App state

   • Redux
   • NgRx

   AI in the product

   • OpenAI
   • Anthropic

   Search

   • Algolia

   Observability

   • Datadog
2. 02

   Designing

   Turning the design into components a team can build with.

   Styling

   • CSS Modules
   • Sass
   • Tailwind
   • styled-components
   • Bootstrap
   • Angular Material
   • React MD
   • Material Design

   Motion and animation

   • Framer Motion
   • GSAP
   • Lottie
   • Three.js
   • CSS transitions
   • Web Animations API
   • React Spring
   • Angular Animations

   Interfaces

   • React
   • Angular
   • Vue
   • Ionic
   • TypeScript

   Component API

   • Composition
   • Slots
   • Controlled components
   • Polymorphic

   Figma handoff

   • Figma
   • Variables
   • Auto layout
   • Component variants

   Theming

   • Dark mode
   • White-label
   • Multi-brand

   Icon systems

   • SVG sprites
   • Icon fonts
   • SVGO

   Design tokens

   • Style Dictionary
   • CSS custom properties

   Primitives

   • Radix UI
   • Angular CDK

   Docs and adoption

   • Storybook Docs
   • MDX

   Publishing

   • npm
   • Private registry

   Data visualisation

   • D3.js
   • Chart.js

   Component libraries

   • Storybook
3. 03

   Delivering

   Getting it built, released, and handed over.

   Hosting and deploys

   • Vercel
   • Netlify
   • Cloudflare
   • Heroku
   • AWS
   • Firebase

   Running the process

   • Jira
   • Linear
   • Trello
   • Agile
   • Scrum
   • Kanban

   Version control

   • Git
   • GitHub
   • GitLab
   • Bitbucket
   • Conventional Commits

   CI and CD

   • GitHub Actions
   • GitLab CI
   • Jenkins

   Code quality

   • ESLint
   • Prettier
   • SonarQube

   Documentation

   • Confluence
   • Notion
   • README

   Leading engineers

   • Code review
   • Pairing
   • Onboarding

   Working with the client

   • Demos
   • Requirements
   • Estimation

   Testing

   • Jest
   • Cypress

   Build tooling

   • Vite
   • Webpack

   Containers

   • Docker

   Releases

   • Feature flags

   Performance

   • Lighthouse

AI tools · 16

The tools I build with now.

Not a list I opened once. These run in my day to day. Every one links out, so check.