Front End Developer - AI Economics Unit (Immediate Start)

Location: Barcelona, Spain (Hybrid)

Contract: Permanent

Start: Immediate / ASAP preferred

Whiteshield combines artificial intelligence with economic expertise to solve real policy challenges. Our AI Economics unit transforms complex data into actionable insights that shape how governments and businesses design policies, manage resources, and plan for growth.

Whiteshield’s AI Economics Unit sits at the intersection of economic policy, data engineering, and applied AI. We design and deploy tools that help public-sector leaders understand economic systems, monitor outcomes, allocate budgets, and simulate policy scenarios using advanced analytics and machine learning.

As a Front-End Developer in Whiteshield’s AI Economics Unit, you will build and ship modern, high-performance user experiences for data-intensive policy platforms. You will own the implementation of analytical dashboards, decision tools, and workflow-driven interfaces, collaborating closely with product, design, economists, and backend engineers to translate complex policy concepts into clear, reliable, and elegant front-end experiences.

A key part of the role is building robust integrations with API-driven backends, including clean data-binding patterns, resilient asynchronous UX, and strong contract alignment with teams publishing OpenAPI/Swagger documentation. You will also contribute to a new generation of chat-enabled and AI-assisted product experiences, where conversational interfaces support exploration, explanation, and guided workflows on top of structured policy data.

Overview:

* Front end: Next.js, React, TypeScript, modern CSS (TailwindCSS or equivalent)

* Backend integration: Python APIs (FastAPI) documented via Swagger/OpenAPI

* Data layer: PostgreSQL, SQL-based analytics surfaces

* DevOps: Docker-first development, Azure DevOps CI/CD pipelines

* Nice-to-have: Mapbox/MapLibre for geospatial UX, .NET/C# exposure for middleware contexts

Typical initiatives include:

* Interactive dashboards and decision platforms for ministries and public entities

* Data-driven interfaces built on administrative and alternative data sources

* Policy indices, forecasting models, and scenario simulators

* AI-enabled workflows, including LLM-assisted insights, with strong governance and security

What you will do:

* Build high-quality front ends using Next.js and React, delivering responsive, accessible, and maintainable UI components

* Implement modern React patterns including hooks, composable components, and predictable state management

* Translate Figma designs into pixel-accurate, production-ready UI with consistent spacing, typography, and interaction design

* Integrate front-end applications with backend services through well-structured API bindings, including data fetching, caching, pagination, and robust error handling

* Work effectively with Swagger/OpenAPI contracts, collaborating with backend teams to ensure consistent schemas, versioning, and predictable payloads

* Contribute to chat-enabled interfaces and AI-assisted UX patterns, including streaming responses, conversation state management, and tool/action-driven UI flows where relevant

* Ensure strong performance across data-heavy screens through rendering optimization, code splitting, and sensible loading strategies

* Contribute to a Docker-first workflow for local development and environment parity

* Work within Azure DevOps, with familiarity expected for pipelines, build/release processes, and standard CI/CD practices

* Uphold engineering standards through code reviews, testing practices, and clear documentation

Requirements

* 2 to 5 years of professional experience delivering front-end applications in production environments

* Strong proficiency with React and Next.js, including modern routing patterns and core rendering concepts

* Solid experience using React hooks and building reusable component abstractions

* Proven experience integrating and binding to REST APIs, including authentication flows, request lifecycle management, and resilient UI states

* Practical familiarity with Swagger/OpenAPI as a basis for integration and contract-driven development

* Excellent CSS and layout skills with a strong grasp of responsive design and accessibility fundamentals

* Demonstrated ability to translate Figma designs into accurate, high-quality UI implementations

* Hands-on experience with Docker for local development workflows

* Working familiarity with Azure DevOps and DevOps pipelines, including CI/CD concepts and practical usage

* Fluency in English; Spanish and Arabic are assets

Nice to have:

* Experience with chat-enabled applications, conversational UX patterns, and real-time UI behaviors such as streaming and event-driven updates

* Familiarity with mapping and geospatial front ends, including Mapbox, MapLibre, or similar libraries

* Experience building analytical interfaces with charts, tables, filters, and drill-down navigation

* Comfort with TypeScript-first codebases and component libraries/design systems

* Exposure to monitoring and instrumentation for user behavior and performance in front-end applications

Benefits

Equal Opportunity and Inclusion: We are committed to an inclusive workplace where diverse perspectives are valued.

Impact at Scale: Build products that support high-stakes public-sector decision-making and economic policy delivery.

High Ownership Environment: Take meaningful responsibility in a fast-moving unit with strong engineering standards.

Hybrid Flexibility: A working model designed to support sustainable delivery and high performance.

Growth and Recognition: We support development through mentorship, challenging work, and clear progression opportunities.

Submit your CV and, if available, links to relevant work such as GitHub, a portfolio, or shipped products. Shortlisted candidates will complete a structured technical interview focused on Next.js/React fundamentals, UI engineering judgment, API integration discipline, and practical delivery against real product constraints