At a Glance
- Tasks: Build modern, high-performance user experiences for data-driven policy platforms.
- Company: Join Whiteshield, a leader in AI and economic policy solutions.
- Benefits: Enjoy hybrid flexibility, mentorship, and opportunities for growth.
- Why this job: Make a real impact on public-sector decision-making with cutting-edge technology.
- Qualifications: 2-5 years of front-end development experience, especially with React and Next.js.
- Other info: Collaborative environment focused on innovation and engineering excellence.
The predicted salary is between 36000 - 60000 £ per year.
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.
Responsibilities
- 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
Typical initiatives
- 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.
Front End Developer - AI Economics Unit (Immediate Start) employer: Whiteshield
Contact Detail:
Whiteshield Recruiting Team
StudySmarter Expert Advice 🤫
We think this is how you could land Front End Developer - AI Economics Unit (Immediate Start)
✨Tip Number 1
Network like a pro! Reach out to folks in the industry, attend meetups, and connect with people on LinkedIn. You never know who might have the inside scoop on job openings or can refer you directly.
✨Tip Number 2
Show off your skills! Create a portfolio that highlights your best work, especially projects that align with what Whiteshield is doing. Make sure to include links to your GitHub or any live demos to impress potential employers.
✨Tip Number 3
Prepare for those interviews! Brush up on your Next.js and React knowledge, and be ready to discuss how you've tackled API integrations in the past. Practice common technical questions and coding challenges to boost your confidence.
✨Tip Number 4
Apply through our website! It’s the best way to ensure your application gets seen by the right people. Plus, it shows you're genuinely interested in joining the team at Whiteshield and contributing to their mission.
We think you need these skills to ace Front End Developer - AI Economics Unit (Immediate Start)
Some tips for your application 🫡
Tailor Your CV: Make sure your CV highlights your experience with React, Next.js, and any relevant projects. We want to see how your skills align with the role, so don’t be shy about showcasing your best work!
Showcase Your Projects: If you’ve got a GitHub or portfolio, link it up! We love seeing real examples of your work, especially anything that demonstrates your front-end prowess and API integrations.
Be Clear and Concise: When writing your application, keep it straightforward. We appreciate clarity, so make sure your experience and skills are easy to spot. Avoid jargon unless it’s relevant to the role!
Apply Through Our Website: We encourage you to apply directly through our website. It’s the best way for us to receive your application and ensures you’re considered for the role. Plus, it’s super easy!
How to prepare for a job interview at Whiteshield
✨Know Your Tech Stack
Make sure you’re well-versed in Next.js, React, and TypeScript. Brush up on modern CSS techniques like TailwindCSS, as you'll need to demonstrate your ability to build responsive and maintainable UI components. Be ready to discuss how you've used these technologies in past projects.
✨Understand API Integration
Since the role involves integrating front-end applications with backend services, be prepared to talk about your experience with REST APIs and Swagger/OpenAPI. Have examples ready that showcase your understanding of authentication flows and error handling in UI states.
✨Showcase Your Design Skills
You’ll need to translate Figma designs into pixel-perfect UIs, so bring examples of your work that highlight your attention to detail in design implementation. Discuss how you ensure accessibility and responsiveness in your projects.
✨Familiarise Yourself with DevOps Practices
As the role involves working within Azure DevOps and Docker, it’s crucial to understand CI/CD concepts. Be ready to explain how you’ve used these tools in your workflow and how they contribute to a smooth development process.