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