Skyscanner Front-End Software Engineering

Introduction from Skyscanner

Reviews

4.5

I enjoyed the hands-on experience of building a React application using Skyscanner's Backpack design system. The simulation strengthened my understanding of component-based development, UI implementation, testing, and modern front-end workflows. It provided practical experience that closely reflects real-world software engineering and collaborative development practices.

Student, Tezpur University

I enjoyed working on a realistic front-end development task that reflected industry practices. The simulation helped me improve my React development skills, understand component-based architecture, and gain practical experience with testing and application development. It was engaging and provided valuable hands-on learning.

Student

I enjoyed the hands-on approach of the simulation. It provided practical experience with React and Skyscanner's Backpack design system, making it feel similar to a real-world frontend development task. The step-by-step instructions were clear and helped me understand how to integrate third-party UI components into a React application.

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