Front-End Software Engineering

Use Skyscanner’s open-source library to customise a web application as part of the front-end engineering team

Complete work that simulates life on the job. 1-2 hours and self-paced.
Stand out in your application to Skyscanner. Show us you're a motivated candidate.

Why complete this Job Simulation

A risk-free way to experience work on the job with us at Skyscanner. Practice your skills with example tasks and build your confidence to ace your applications.

Self-paced

1-2 hours

No grades

No assessments

Intermediate

Welcome to Skyscanner's Front-End Software Engineering Job Simulation. We’re thrilled to have you here with us!

So what is a job simulation? It is a unique opportunity for you to take on practical tasks similar to what our own Skyscanner engineers would work on and get a true feel of what it’s like to work here as a front-end engineer.

In this programme, you’ll develop the key technical skills in JavaScript, React, and Backpack to build a basic web app. This will give you the chance to see how our top engineers would have approached this task so that you can learn from them. You’ll also get a certificate upon completion that you can include on your CV and reference in an interview when you apply.

We can’t wait for you to showcase your skills during this program and learn more about a potential career at Skyscanner! We’re a group of talented, passionate individuals located across eight worldwide offices. Unafraid of innovation, we're committed to making things better for everyone by leading the global transformation to modern and sustainable travel.

How it works

Complete tasks guided by pre-recorded videos and example answers from our team at Skyscanner. No live sessions, all self-paced.
Earn a certificate and add it to your resume and LinkedIn as an extra curricular activity.
Stand out in applications. Confidently answer interview questions and explain why you’re a good fit for our team.

Skills you will learn and practice:

Backpack

JavaScript Programming

React Development

Introduction from Skyscanner

Tasks

Task One: Create a Backpack React Web App

1-2 hoursIntermediate

Use Skyscanner’s Backpack React library to build a basic web app.

What you'll learn

In this task, you’ll receive an introduction to Skyscanner’s Backpack design system: an open-source collection of design resources, reusable components, and guidelines used across Skyscanner projects.

You’ll also practice:

setting up a React web development environment
using a third-party component library
customizing a React application
running automated tests

What you'll do

You’ll build a simple React web application using Backpack. The application will allow users to choose a flight date and continue through the booking flow.

Your final application should include:

the header text Flight Schedule
a Backpack Calendar component
a Backpack button below the calendar that says Continue

This task includes three stages:

setting up your workspace
customizing your application
running automated tests

Don’t worry if you get stuck. You’ll be shown an example answer at the end.

Task One: Create a Backpack React Web App

1-2 hoursIntermediate

Use Skyscanner’s Backpack React library to build a basic web app.

What you'll learn

You’ll also practice:

setting up a React web development environment
using a third-party component library
customizing a React application
running automated tests

What you'll do

You’ll build a simple React web application using Backpack. The application will allow users to choose a flight date and continue through the booking flow.

Your final application should include:

the header text Flight Schedule
a Backpack Calendar component
a Backpack button below the calendar that says Continue

This task includes three stages:

setting up your workspace
customizing your application
running automated tests

Don’t worry if you get stuck. You’ll be shown an example answer at the end.

Reviews

4.5

I liked that the simulation gave me hands-on experience with front-end development rather than only theoretical questions. Building a React web application helped me understand how front-end tasks are approached in a real-world software engineering environment. The tasks were practical and gave me an opportunity to improve my React and web development skills

Student

I liked that the simulation provided practical experience with a real-world front-end development task. It helped me understand how a software engineering task can be approached step by step, and I gained more confidence working with React and the Backpack component library. The instructions were clear and the tasks were useful for improving my practical skills.

Student

This task gave me hands-on practice setting up a real-world React development environment and working with a production design system (Backpack). I especially valued troubleshooting the setup issues that came up along the way — it taught me a lot about npm, build tools, and debugging dependency conflicts, skills that go beyond just writing React code.

Student, University of Management and Technology