# Entropiq: Frontend Developer Candidate Application > **A bespoke, interactive candidate application and proof-of-work engineered with the WolfPack listing engine for Entropiq. Demonstrating 1:1 stack mastery (React 19, Next.js App Router, TypeScript, modern CSS, Core Web Vitals), 20+ years of high-performance frontend craft across fintech, gaming & AI, European remote autonomy with Dual UK/EU citizenship, and daily production AI velocity.** - **Live Route**: [`/entropiq`](https://listingslab.com/entropiq) (Local preview: [`http://localhost:3005/entropiq`](http://localhost:3005/entropiq)) - **Monorepo Source**: [`github.com/goldlabelapps/nx`](https://github.com/goldlabelapps/nx) - **Candidate CV**: [`/pdf/Chris_Dorward_CV.pdf`](/pdf/Chris_Dorward_CV.pdf) - **Target Company**: [Entropiq](https://entropiq.ai) (`entropiq.ai`) - **Target Position**: Frontend Developer (Full-time · Remote — Europe) - **Prompt Reference**: [`/entropiq/PROMPT.md`](/entropiq/PROMPT.md) - **Direct Application**: `careers@entropiq.ai` - **Candidate Contact**: Chris Dorward • `goldlabel.apps@gmail.com` • `+44 7745 763122` (`07745 763122`) --- ## 1. Executive Summary Entropiq is building fair, transparent, and empowering products at the high-velocity intersection of Crypto, Gaming, and AI — powering the next era of gaming with blockchain through flagship products like **Cryptopayment**, **Win.app**, **GoCrypto**, and real-player titles. Entropiq operates with a clear philosophy: *Move Fast, Build What Matters, Think Long-Term*, and trust small, high-caliber product teams to own features end-to-end without corporate overhead. Rather than submitting a static PDF CV into an applicant tracking system, this application is engineered as a live, interactive, production-grade software asset inside our enterprise Nx monorepo. It serves two distinct purposes: 1. **Direct Demonstration of Frontend Craft & Velocity**: Immediate tangible proof of building fast, accessible, polished user experiences using React, Next.js, TypeScript, and modern CSS — built autonomously with agentic workflows in minutes. 2. **Deep Alignment with Entropiq's Product & Culture**: Demonstrates extensive domain experience in high-traffic consumer web applications, payment gateways (e.g. EchoPay Open Banking), component libraries, Core Web Vitals optimization, and autonomous remote ownership across Europe (backed by dual UK & EU citizenship). --- ## 2. Target Business, Role & Candidate Context | Property | Details | | :--- | :--- | | **Target Company** | **Entropiq** ([entropiq.ai](https://entropiq.ai)) | | **Mission / Headline** | *"Powering the next era of gaming with blockchain. Building products at the intersection of Crypto, Gaming & AI."* | | **Flagship Products** | **Cryptopayment** (Web3 payment gateway), **Win.app** (competitive esports/gaming on-chain platform), **GoCrypto** (merchant crypto POS), and player experiences (**Karate Panda**, **Hoopshot**, **Pillars of Defence**, **Wordcraft**) | | **Target Role** | **Frontend Developer** | | **Role Type & Location** | Full-time · **Remote — Europe** (flexible hours, work anywhere) | | **Core Responsibilities** | Build modern responsive UIs (React, Next.js, TypeScript); translate Figma into pixel-accurate accessible interfaces; own features end-to-end; profile & optimize Core Web Vitals; expand shared component libraries; raise code review quality bar | | **Key Mindset** | Caring about the details that make great software feel effortless; comfortable owning ambiguous problems; high-craft UI execution | | **Benefits & Culture** | Flexibility (no set hours) • Unlimited Paid Vacation (min 25 days) • Annual Team Meet-up • Professional development budget • Hardware/software allowance • Dog & cat friendly • "No Corporate BS" | | **Candidate Contact** | **Chris Dorward** • `goldlabel.apps@gmail.com` • `+44 7745 763122` (`07745 763122`) | | **Citizenship & Right to Work** | **Dual UK & German (EU) Citizen** • Unrestricted right to work anywhere across Europe and the UK with zero visa sponsorship required | | **Professional Profiles** | [LinkedIn: Chris Dorward](https://www.linkedin.com/in/chris-dorward/) • [GitHub: goldlabelapps](https://github.com/goldlabelapps) • [CV PDF](/pdf/Chris_Dorward_CV.pdf) | --- ## 3. Listing Architecture & Specification Built following the proven **Modern Scroll Template** and `/fluxstride` architecture, themed specifically to Entropiq's cyber-gaming aesthetic: ### Visual Design & Brand Tokens Derived directly from `entropiq.ai`: - **Cyber Accent Brand ("Electric Yellow")**: `#FFD83A` / `#ECE81A` (`--accent-brand`) — primary interactive color, energetic gamer accents, animated glow highlights, selection background. - **Accent Brand Dark**: `#F3D100` (`--accent-brand-dark`) for active states and borders. - **Accent Brand Light**: `#F8D95E` (`--accent-brand-light`) for subtle highlights. - **Dark Carbon Surface ("Midnight Gaming")**: Deep `#0A0A0A` page background with `#141414` card surfaces, `#1F1F1F` secondary containers, and `#262626` / `#292929` precision borders. - **Titanium Silver Accents**: `#B8BCC2` (`--titanium-silver`) and `#D2D5DA` (`--silver-highlight`) for crisp technical labels and muted text. - **Light Mode Surface ("Paper")**: Clean `#FAFAFA` surface with crisp white card containers (`#FFFFFF`), subtle `#E5E7EB` borders, and high-contrast dark carbon ink (`#111111`). - **Typography**: Space Grotesk / Inter styling with monospace badges (`font-mono`) for technical tokens. Animated headlines powered by `@goldlabelapps/flash` `CleverText` with `style={{ fontFamily: "inherit" }}`. - **Default Theme**: Light mode by default (`defaultTheme: "light"`), offering instant dark mode via `` in the header actions adjacent to the mobile drawer menu. --- ### Page Sections Breakdown #### 1. Header (`EntropiqHeader.tsx`) - Sticky fixed navigation bar with the Entropiq geometric polygon shield SVG mark and clear brand title. - Quick anchor navigation: `#overview`, `#stack`, `#products`, `#principles`, `#culture`, `#contact`. - **CV Action Link**: Dedicated `"CV"` button 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 drawer menu across all viewports with section anchors, CV download, and prompt link. - **Isolation**: Zero links back to ListingsLab root except the universal footer copyright. #### 2. Section 1: Hero & Application Welcome (`EntropiqHero.tsx`) - **Badge**: `"Frontend Developer Candidate Application • Entropiq"` with cyber-yellow pulse indicator. - **Animated Headline**: `CleverText` rendering `"Frontend Developer"` with `style={{ fontFamily: "inherit" }}`. - **Subheadline**: *"Crafting great UIs. Building real impact across Crypto, Gaming, and AI products — from Figma to high-performance production."* - **Spotlight Card ("What are you looking at?")**: - Orientation card explaining that this responsive, accessible landing page was created in a few minutes from a single prompt via the WolfPack listing engine. - Highlights verified match with Entropiq's European remote model, TypeScript/Next.js stack, and product ownership mindset. - **View Prompt Button**: Direct button opening [`/entropiq/PROMPT.md`](/entropiq/PROMPT.md) in a new tab, allowing the Entropiq 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"` (`/entropiq/PROMPT.md`) #### 3. Section 2: Technical Stack & 1:1 Experience (`EntropiqExperience.tsx`) - Detailed breakdown of Entropiq's core stack requirements matched directly to candidate experience: - **React 19, Next.js & TypeScript**: Deep mastery of Server Components, streaming SSR, modern build pipelines (Turbopack/Vite), and strict TypeScript typing. - **Pixel-Accurate UI & Modern CSS**: Turning Figma designs into responsive, accessible, micro-animated user interfaces using Tailwind CSS, Radix UI, and semantic HTML5. - **Core Web Vitals & Performance Profiling**: Profiling bundle sizes, lazy loading, memory leak prevention, sub-100ms interaction latency, and 100/100 Lighthouse metrics. - **Shared Component Libraries & Design Systems**: Building scalable atomic components, accessibility standards (WCAG AAA, ARIA), and unified tokens. - **Code Review & Quality Culture**: Rigorous test-driven development (Vitest, Playwright), collaborative PR feedback, and automated agent verification. - **Fintech, Gaming & High-Traffic Products**: Shipped payment gateways (EchoPay), real-time interactive apps, and scalable web architectures. - **CV Spotlight Card**: Callout with quick download link and European citizenship right-to-work note. #### 4. Section 3: Shipped Work & Relevant Products (`EntropiqProjects.tsx`) Verifiable proofs of commercial delivery, UI craft, and high-traffic performance: 1. **EchoPay** ([`listingslab.com/echopay`](https://listingslab.com/echopay)): - *Fintech & Real-Time Payments*: Interactive payment experience reducing merchant transaction fees via Open Banking APIs. - *Parallels*: Direct relevance to Entropiq's **Cryptopayment** and **GoCrypto** payment rails. 2. **Leida** ([`askleida.com`](https://askleida.com)): - *AI Product Delivery*: Delivered a complete AI conversational interface from design prototype to scalable MVP with sub-second streaming responses. - *Parallels*: Demonstrates user experience craft at the intersection of AI and consumer interfaces. 3. **GpxRoute** ([`gpxroute.pro`](https://gpxroute.pro)): - *Interactive Gaming & Mapping*: Interactive geospatial routing and gamified outdoor exploration with smooth 60fps animations. - *Parallels*: High-framerate canvas/SVG rendering relevant to Entropiq's casual gaming titles (**Win.app**, **Karate Panda**). 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: Entropiq Core Principles & Ways of Working (`EntropiqPrinciples.tsx`) Direct alignment with Entropiq's declared product values: - **Move Fast**: Shipping small, iterative, tested increments instead of months-long waterfall cycles. Using AI-augmented workflows for 5x delivery velocity. - **Build What Matters**: Relentless focus on the end user. Cutting unnecessary complexity to solve real pain points for gamers, crypto users, and merchants. - **Think Long-Term**: Clean architectural boundaries, scalable component systems, and deterministic test suites that keep software maintainable for years. - **Small Teams, Zero Corporate BS**: Direct engineer-to-designer collaboration, clear writing, asynchronous communication, and autonomous feature ownership. #### 6. Section 5: European Remote-First Culture (`EntropiqCulture.tsx`) - **Remote Across Europe**: Self-directed schedule, async communication, and deep focus time. - **Dual UK & German (EU) Citizenship**: 100% legal right to work across the EU and UK without visa hurdles or administrative delays. - **Continuous Learning**: Active exploration of cutting-edge web technologies, Web3 protocols, and agentic development workflows. - **Pet Friendly**: Happy home office companion ready for remote standups. #### 7. Section 6: Frictionless Contact & Direct Outreach (`EntropiqContact.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: 1. **Direct Email Form**: Dual-routed via `/api/notify/send` delivering to `careers@entropiq.ai` 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 (`EntropiqFooter.tsx`) - Direct links to LinkedIn, GitHub, CV Download, and Prompt. - Notice: *"Dual UK & German (EU) Citizen • Remote Across Europe"*. - Dedicated prompt link: `` `"Page Generation Prompt (PROMPT.md)"` linking to `//PROMPT.md`. - Universal ListingsLab copyright: `© 2026 Listingslab` routing to `/`. #### 9. Query Parameter Tracker (`EntropiqTracker.tsx`) - Tracks query parameter `/entropiq?p=entropiq` (as well as `ref=entropiq` or `utm_source=entropiq`). - Deduplicates within `sessionStorage`. - Dispatches a lightweight visit notification ping via `/api/notify/visit` alerting the candidate when the Entropiq hiring team views the application. --- ## 4. 1:1 Alignment Matrix | Entropiq Role Requirement | Candidate Experience & Verifiable Proof | | :--- | :--- | | **1. 3+ years building production web apps with React & TypeScript**
*"Strong command of modern CSS, semantic HTML & accessibility"* | **20+ years of production engineering craft**: Built and maintained production web applications across React 19, Next.js (App Router, RSC), and strict TypeScript. Shipped multiple enterprise apps with WCAG AAA accessibility, semantic HTML, and responsive modern CSS. | | **2. Pixel-Accurate UI from Figma**
*"Collaborate closely with designers to translate Figma designs into pixel-accurate, accessible UI"* | **Design-Engineering Bridge**: Deep background working hand-in-glove with product designers. Proven ability to translate Figma components, typography scales, micro-interactions, and design tokens into production-ready Tailwind CSS and Radix components. | | **3. End-to-End Feature Ownership**
*"Own features end-to-end, from technical design through to production and monitoring"* | **Complete Lifecycle Ownership**: Managed full feature lifecycles from architecture RFCs to production deployment, observability, and customer feedback loops on products like EchoPay, AskLeida, and GpxRoute. | | **4. Performance Profiling & Core Web Vitals**
*"Profile and optimize for performance, accessibility, and Core Web Vitals"* | **Obsessive Optimization**: Expert in Chrome DevTools performance profiling, React rendering passes, bundle code-splitting, dynamic imports, image optimization, and achieving 95+ Core Web Vitals scores. | | **5. Shared Component Libraries**
*"Contribute to our shared component library and frontend conventions"* | **Design System Author**: Designed and scaled reusable component libraries in public monorepos (`github.com/goldlabelapps/nx`), establishing strict linting, component conventions, and headless UI patterns. | | **6. Code Review & Quality Culture**
*"Review code, share feedback, and help raise the quality bar across the team"* | **High Quality Standards**: Experienced mentor and code reviewer. Advocate for clear PR descriptions, unit tests (Vitest), end-to-end testing (Playwright), and clean architectural separation. | | **7. Crypto, Gaming & AI Intersection**
*"Bonus: experience in fintech, gaming, or high-traffic consumer products"* | **Domain Experience**: Shipped EchoPay (fintech payment gateway with real-time Open Banking integration), AI applications (AskLeida streaming conversational UI), and gaming-adjacent high-performance interactive apps (GpxRoute). | | **8. Autonomous Remote Mindset**
*"Comfortable owning ambiguous problems; remote-first across Europe"* | **Dual UK & German (EU) Citizen**: Unrestricted right to live and work across Europe with no visa requirements. Decades of remote asynchronous communication, clear written documentation, and self-directed momentum. | --- ## 5. Verification Gates & Execution Commands When triggered to build in Stage 2 (`"Punch it WolfPack"`), the following verification steps will be executed: ```bash # 1. Targeted Vitest test suite pnpm test src/app/\(recruitment\)/entropiq/page.test.tsx # 2. Monorepo TypeScript check pnpm typecheck # 3. Automatic browser launch open http://localhost:3005/entropiq ```