Skyscanner Front-End Software Engineering

Introduction from Skyscanner

Reviews

4.5

I liked that the simulation gave me practical experience with a real-world React project. It helped me understand how to work with the Backpack component library, modify an existing application, run tests, and troubleshoot errors. The step-by-step tasks made it easier to understand the development workflow. .

Student, Tumkur University

I liked that the simulation was practical and hands-on. It helped me learn how to build a React app using Skyscanner Backpack components, troubleshoot dependency and compatibility issues, and test the application before submitting it. The step-by-step task made the experience realistic and useful for improving my development skills.

Student, Visvesvaraya Technological University

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

Why complete this Job Simulation

Tasks

Task One: Create a Backpack React Web App

What you'll learn

What you'll do

Front-End Software Engineering