Skyscanner Front-End Software Engineering

Introduction from Skyscanner

Reviews

4.5

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

As a front-end developer already working with React, I found this program very interesting because it reflected real-world development practices used in tech companies. I particularly appreciated discovering how Skyscanner integrates its Backpack design system to keep interfaces consistent and reusable. It was a simple yet well-designed project that aligns closely with professional workflows.

Student

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

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.

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

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.

Introduction from Skyscanner

Reviews

Front-End Software Engineering

Why complete this Job Simulation

Introduction from Skyscanner

Tasks

Task One: Create a Backpack React Web App

What you'll learn

What you'll do

Reviews

Tasks

Task One: Create a Backpack React Web App

What you'll learn

What you'll do

Why complete this Job Simulation

Front-End Software Engineering