# Fluxstride: Senior Full-stack Engineer Application > **A bespoke, interactive candidate application and proof-of-work built with the WolfPack listing engine for Fluxstride Ltd. Demonstrating 1:1 stack alignment (TypeScript, React, Next.js, Node, PostgreSQL, AWS/Vercel), 20+ years of hardened software engineering, direct client ownership without project managers, and daily production AI velocity.** - **Live Route**: [`/fluxstride`](https://listingslab.com/fluxstride) (Local preview: [`http://localhost:3005/fluxstride`](http://localhost:3005/fluxstride)) - **Monorepo Source**: [`github.com/goldlabelapps/nx`](https://github.com/goldlabelapps/nx) - **Candidate CV**: [`/pdf/Chris_Dorward_CV.pdf`](/pdf/Chris_Dorward_CV.pdf) - **Target Studio**: [Fluxstride Ltd](https://fluxstride.com) (`fluxstride.com`) - **Careers Source**: [Senior Full-stack Engineer](https://fluxstride.com/careers/senior-full-stack-engineer) - **Prompt Reference**: [`/fluxstride/PROMPT.md`](/fluxstride/PROMPT.md) - **Direct Application**: `jobs@fluxstride.com` - **Candidate Contact**: Chris Dorward • `goldlabel.apps@gmail.com` • `+44 7745 763122` (`07745 763122`) --- ## 1. Executive Summary Fluxstride is a premier design and engineering studio designing products and brands, building the websites, platforms, customer portals and APIs behind them, and running it all in the cloud. They operate as a small, senior team with no project managers between engineers and clients — engineers lead the build on 2–3 client projects a year, talk directly to client teams every week, make technical calls, and own the work from first commit to production launch. Rather than submitting a static PDF CV into an inbox, this listing is engineered as an interactive, production-grade application inside our enterprise Nx monorepo. It serves two distinct purposes: 1. **Direct Demonstration of Competence & Velocity**: Delivers an immediate, tangible proof of full-stack craft on Fluxstride's exact stack (TypeScript, React, Next.js, Node.js, PostgreSQL, AWS/Vercel) built autonomously with agentic workflows. 2. **Deep Process & Cultural Alignment**: Proves authentic alignment with Fluxstride's operating model — the Stride Method, direct client collaboration, four-day focus weeks with dedicated learning time, and raising the bar on code review and testing. --- ## 2. Target Business, Role & Candidate Context | Property | Details | | :--- | :--- | | **Target Company** | **Fluxstride Ltd** ([fluxstride.com](https://fluxstride.com)) | | **Headquarters & Reach** | London, UK (Remote · UK & Europe) | | **Headline / Mission** | *"We design products and brands, build the websites, apps and backends behind them, and run it all in the cloud."* | | **Target Role** | **Senior Full-stack Engineer** | | **Team & Reports To** | Engineering team · Reports to **Head of Engineering** | | **Team Dynamic** | Small senior team owning work from first commit to launch; no PMs; direct weekly client collaboration | | **Working Model** | **Four-day focus weeks** (Fridays for learning, side projects, or rest. Same salary) | | **Compensation** | **£70,000 – £85,000 + 10% annual profit share** split across the team | | **Benefits & Perks** | Remote-first (£1,000 home office budget) • £2,000 learning budget • 30 days off + bank holidays + Christmas/NY closure • Private health & 6% matched pension | | **Hiring Process** | 4 steps (3 weeks): Intro call (30m) ➔ Your work (2–3h paid walkthrough) ➔ Team session (90m real problem) ➔ Offer (within 3 days) | | **Candidate Contact** | **Chris Dorward** • `goldlabel.apps@gmail.com` • `+44 7745 763122` (`07745 763122`) | | **Citizenship & Right to Work** | Dual UK & German (EU) Citizen • Permanently UK-based with full unrestricted right to work | | **Professional Profiles** | [LinkedIn: Chris Dorward](https://www.linkedin.com/in/chris-dorward/) • [GitHub: goldlabelapps](https://github.com/goldlabelapps) | --- ## 3. Listing Architecture & Specification Built following the proven **Modern Scroll Template** and `/swellbase` architecture, tailored specifically for Fluxstride's studio ethos: ### Visual Design & Brand Tokens - **Theme Palette**: Derived directly from `fluxstride.com`: - **Flux Cobalt / Blue**: `#1F4FFF` (`hsl(227, 100%, 56%)`) — brand primary accent, active links, glow gradients, selection highlight - **Light Mode Surface ("Paper")**: `#F5F7FB` surface with crisp white card containers (`#FFFFFF`) and delicate border lines (`#E2E8F0`) - **Dark Mode Surface ("Midnight")**: `#0A0F1E` deep navy with `#111827` cards and subtle `#1F2937` borders - **Typography Ink**: High contrast dark slate `#0B0F19` in light mode, `#F8FAFC` in dark mode, with `#475569` / `#94A3B8` secondary slate - **Status Accents**: Emerald green (`#10B981`) for live production verification and active operational badges - **Typography**: Clean, confident sans-serif headings with monospace badges (`font-mono`) for technical tokens and metadata. Animated headings powered by `CleverText` with `style={{ fontFamily: "inherit" }}`. - **Default Theme**: Light mode by default (`defaultTheme: "light"`), with instant dark mode toggle via `` in the header actions adjacent to the mobile drawer button. --- ### Page Sections Breakdown #### 1. Header (`FluxstrideHeader.tsx`) - Fixed sticky navigation with clean brand logo and quick anchor navigation: `#overview`, `#experience`, `#method`, `#projects`, `#culture`, `#contact`. - **CV Action Link**: Dedicated `"CV"` button in the header action cluster linking directly to `/pdf/Chris_Dorward_CV.pdf` (opens in new tab). - **Theme Toggle**: `` situated directly adjacent to drawer hamburger button. - **Universal Mobile Drawer**: Toggled hamburger menu across all screen sizes with full section links, CV download, and social share links. - **Isolation**: Zero links back to ListingsLab root except the universal footer copyright. #### 2. Section 1: Hero & Studio Welcome (`FluxstrideHero.tsx`) - **Badge**: `"Senior Full-stack Engineer Application • Fluxstride"` - **Animated Headline**: `CleverText` rendering `"Senior Full-stack Engineer"` with `style={{ fontFamily: "inherit" }}` - **Subheadline**: *"Building the platforms, websites and APIs your clients run their businesses on — from first commit to production."* - **Spotlight Card ("What are you looking at?")**: - Orientation card explaining that this robust, responsive landing page was created in a few minutes from a single prompt via the WolfPack listing engine. - Highlights verified match with Fluxstride's role requirements, compensation, and team model. - **View Prompt Button**: Direct button opening [`/fluxstride/PROMPT.md`](/fluxstride/PROMPT.md) in a new tab, allowing the Fluxstride team to inspect the exact prompt and specification that generated this application. - **Action CTAs**: - Primary: `"Start Conversation"` (smooth scroll to `#contact`) - Secondary: `"Download CV (PDF)"` (`/pdf/Chris_Dorward_CV.pdf`) - Tertiary / Proof: `"View Prompt"` (`/fluxstride/PROMPT.md`) #### 3. Section 2: Technical Stack & 1:1 Experience (`FluxstrideExperience.tsx`) - Detailed breakdown of Fluxstride's core stack requirements matched directly to candidate experience: - **TypeScript, React & Next.js**: App Router, Server Components, streaming SSR, performance optimization, responsive layouts. - **Node.js & PostgreSQL**: Schema modeling, migrations, performant SQL, transactional APIs, microservices, and external integrations. - **AWS & Vercel**: Automated CI/CD pipelines, preview environments, serverless/edge functions, and cloud monitoring. - **Code Review, Pairing & Testing**: High testing standards with Vitest, React Testing Library, Playwright, and deterministic eval pipelines. - **Client Scoping & No-PM Communication**: Translating ambiguous business goals into clear, fixed-scope specifications and architectural blueprints. - **Bonus Strengths**: React Native mobile development, Terraform IaC, and fintech/payments experience. - **CV Spotlight Card**: Callout with quick download link and UK/German dual citizenship right-to-work note. #### 4. Section 3: Shipped Work & Case Studies (`FluxstrideProjects.tsx`) Verifiable proofs of commercial delivery, full-stack ownership, and open-source craft: 1. **EchoPay** ([`listingslab.com/echopay`](https://listingslab.com/echopay)): - *Fintech & Open Banking*: Real-time bank payments platform reducing merchant transaction fees to pennies. - *Stack*: Next.js, TypeScript, Open Banking APIs, automated savings calculator, and AWS cloud infrastructure. 2. **Leida** ([`askleida.com`](https://askleida.com)): - *End-to-End Delivery*: Transformed an early prototype into a scalable MVP in 3 months; architected Postgres schemas, authentication, and Vercel edge deployment. 3. **GpxRoute** ([`gpxroute.pro`](https://gpxroute.pro)): - *Independent Product Ownership*: Full-stack GIS mapping and route visualization platform built with Next.js, TypeScript, and modern spatial algorithms. 4. **NX° Monorepo** ([`github.com/goldlabelapps/nx`](https://github.com/goldlabelapps/nx)): - *Public Open-Source Craft*: Complete access to inspect real production TypeScript code, component hierarchies, testing patterns, and CI/CD pipelines. #### 5. Section 4: The Stride Method & Daily AI Practice (`FluxstrideMethod.tsx`) - Alignment with Fluxstride's 4-phase project delivery method: 1. **Discover (Weeks 1–2)**: Deep technical audits, user research, and technical feasibility mapping. 2. **Define (Weeks 2–3)**: System architecture, data schemas, API contracts, and fixed-scope roadmaps. 3. **Design & Build (Weeks 4–12)**: Parallel design & engineering in weekly increments, Friday live demos, and staging previews. 4. **Launch & Grow (Ongoing)**: Zero-downtime cutover, SEO, performance tuning, and automated observability. - **Daily AI Practice**: How 20+ years of software foundation empowers agentic AI orchestration (strict typing, deterministic evals, automated test suites) to achieve 5x delivery velocity without architectural debt. #### 6. Section 5: Four-Day Focus & Culture Alignment (`FluxstrideCulture.tsx`) - **Four-Day Focus Weeks**: Maximum intensity and focus Monday–Thursday, with Fridays dedicated to open-source contributions, technical learning, and architectural R&D. - **Direct Client Connection**: No game of telephone through non-technical layers. Clear writing, calm explanations of trade-offs, and transparency build client trust. - **Craft & Care**: Building products that clients love and that engineers are proud to maintain years later. #### 7. Section 6: Frictionless Contact & Enquiry (`FluxstrideContact.tsx`) - Section Title: **`"Let's talk"`** with `CleverText` matching the exact typography and font styling of previous sections (`style={{ fontFamily: "inherit" }}`). - Three direct contact options for the Fluxstride hiring team: 1. **Direct Email Form**: Dual-routed via `/api/notify/send` delivering to `jobs@fluxstride.com` and `goldlabel.apps@gmail.com` with system backup and confetti feedback. 2. **One-Click WhatsApp**: Instant direct chat thread to candidate (`+44 7745 763122`). 3. **Direct LinkedIn**: Direct messaging link to [Chris Dorward on LinkedIn](https://www.linkedin.com/in/chris-dorward/). #### 8. Section 7: Footer (`FluxstrideFooter.tsx`) - Direct links to LinkedIn, GitHub, CV Download, and Prompt. - UK & German (EU) Dual Citizenship notice. - Universal ListingsLab copyright: `© 2026 Listingslab` routing to `/`. #### 9. Query Parameter Tracker (`FluxstrideTracker.tsx`) - Tracks query parameter `/fluxstride?p=fluxstride` (as well as `ref=fluxstride` or `utm_source=fluxstride`). - Deduplicates within `sessionStorage`. - Dispatches a lightweight visit notification ping via `/api/notify/visit` or `/api/notify/send` alerting the candidate when the Fluxstride team opens the link. --- ## 4. 1:1 Alignment Matrix | Fluxstride Requirement | Candidate Experience & Verifiable Proof | | :--- | :--- | | **1. 6+ years building & shipping web products**
*"Deep TypeScript and React, and confidence on the backend"* | **20+ years of software craft**: Shipped dozens of commercial web platforms, portals, and APIs. Daily deep practice across modern TypeScript, React 19, Next.js App Router, and Node.js. | | **2. TypeScript, React & Next.js**
*"Design and build web apps in TypeScript, React and Next.js"* | **Monorepo Author**: Engineered and shipped the public Goldlabel Nx Monorepo (`github.com/goldlabelapps/nx`), EchoPay, and AskLeida. Deep expertise in SSR, RSC, caching, and state management. | | **3. APIs, data models & PostgreSQL**
*"Build APIs, data models and integrations in Node and PostgreSQL"* | **Full-Stack Data Architecture**: Extensive experience designing normalized PostgreSQL schemas, migrations, complex queries, Row Level Security, transactional APIs, and third-party webhook integrations. | | **4. AWS / Vercel CI/CD & Monitoring**
*"Set up CI/CD, preview environments and monitoring on AWS or Vercel"* | **Production Cloud & DevOps**: Built automated GitHub Actions CI/CD pipelines, preview deploys on Vercel, and scalable cloud architectures on AWS. | | **5. Testing & Code Quality**
*"Review code, pair with other engineers and raise the bar on testing"* | **Rigorous Testing Standards**: Automated Vitest unit suites, Playwright E2E suites, and deterministic agent evals in every project. Active mentoring and pairing experience. | | **6. Direct Client Scoping (No PMs)**
*"Scope work with clients and turn fuzzy goals into a plan. Clear writing and calm explanations"* | **Founder & Client Facing History**: Decades of direct stakeholder management. Calm, articulate communicator who translates ambiguous requirements into fixed deliverables and explains technical trade-offs plainly. | | **7. Bonus: Mobile & React Native**
*"React Native or mobile experience"* | **Cross-Platform Delivery**: Proven experience developing React Native mobile applications and responsive mobile-first web applications. | | **8. Bonus: Payments & Fintech**
*"Payments, fintech or regulated industries"* | **Fintech Delivery on EchoPay**: Architected open banking payments, merchant payouts, and Stripe integrations for regulated transaction flows. | | **9. Four-Day Focus & Culture**
*"Four-day focus weeks, craft and care"* | **High-Leverage Execution**: Self-directed autonomy, deep focus, and passion for continuous learning on Fridays (exploring cutting-edge agentic architectures). | --- ## 5. Outbound Application Email Draft When applying to `jobs@fluxstride.com`, send the following personalized email: ```text Subject: Senior Full-stack Engineer - Chris Dorward (Interactive Application & Proof of Work) Hi Fluxstride Team, I loved reading the Senior Full-stack Engineer role description — particularly the four-day focus weeks, the absence of project managers between engineers and clients, and the emphasis on craft from first commit to production launch. Rather than just sending a standard PDF, I built an interactive application and proof-of-work on your exact stack (TypeScript, React, Next.js, Node, PostgreSQL, Vercel) inside my open-source Nx monorepo: 👉 https://listingslab.com/fluxstride?p=fluxstride What’s on the page: 1. 1:1 Stack Alignment: Real code proofs across TypeScript, React/Next.js, PostgreSQL, and cloud deployments. 2. Shipped Work: Case studies including EchoPay (fintech/payments), AskLeida, and the Goldlabel Nx Monorepo. 3. Daily AI Practice: How I leverage agentic workflows with strict typing and test suites to ship 5x faster without accumulating technical debt. 4. View Prompt Button: You can inspect the exact prompt and specification that generated the application. 5. My full CV & contact details (dual UK & German/EU citizen, London-based remote with full UK right to work). Looking forward to speaking on the intro call! Best regards, Chris Dorward +44 7745 763122 goldlabel.apps@gmail.com https://www.linkedin.com/in/chris-dorward/ https://github.com/goldlabelapps ``` --- ## 6. Verification Gates (Targeted Testing) Once instructed to *"Punch it WolfPack"*, run the following targeted commands: ```bash # 1. Run targeted Vitest suite for fluxstride (verifying copy, prompt link, CV links, tracker) pnpm test src/app/\(recruitment\)/fluxstride/page.test.tsx # 2. Run TypeScript compiler checks pnpm typecheck # 3. Immediately open in browser open http://localhost:3005/fluxstride ```