QFF Earn Page Widgets - Front End Development

What I did

Throughout my second rotation in the Qantas graduate program, I was fortunate enough to gain experience as a front-end developer within the QFF team. I was responsible for building widgets for the Qantas Earn Page, and components to be shared across the Frequent Flyer web pages. The widgets also had the requirement for it to be configurable with CMS (Contentful).


This rotation allowed me to work in a cross-functional squad with designers, business analysts, quality assurance, product, and other developers.


Earn Page: https://www.qantas.com/au/en/frequent-flyer/earn-points.html

Stack

React.js

HTML/CSS/Javascript

Typescript

Node.js

Ways to Use Points / CVP Widget

Responsive widget that supports variations to be toggled in Contentful

Desktop Viewport

Tablet Viewport

Mobile Viewport

Family Transfers CVP Variation

Tips and Tricks / Maximise Your Points

Reach out for in-depth walk through's of my design projects from end-to-end!

Say Hi 👋

Navigation

QFF Earn Page Widgets - Front End Development

What I did

Throughout my second rotation in the Qantas graduate program, I was fortunate enough to gain experience as a front-end developer within the QFF team. I was responsible for building widgets for the Qantas Earn Page, and components to be shared across the Frequent Flyer web pages. The widgets also had the requirement for it to be configurable with CMS (Contentful).


This rotation allowed me to work in a cross-functional squad with designers, business analysts, quality assurance, product, and other developers.


Earn Page: https://www.qantas.com/au/en/frequent-flyer/earn-points.html

Stack

React.js

HTML/CSS/Javascript

Typescript

Node.js

Reach out for in-depth walk through's of my design projects from end-to-end!

Say Hi 👋

Navigation

Ways to Use Points / CVP Widget

Responsive widget that supports variations to be toggled in Contentful

Desktop Viewport

Tablet Viewport

Mobile Viewport

Family Transfers CVP Variation

Tips and Tricks / Maximise Your Points

Justin Jiang

Designing @ Qantas

Say Hi 👋

QFF Earn Page Widgets - Front End Development

What I did

Throughout my second rotation in the Qantas graduate program, I was fortunate enough to gain experience as a front-end developer within the QFF team. I was responsible for building widgets for the Qantas Earn Page, and components to be shared across the Frequent Flyer web pages. The widgets also had the requirement for it to be configurable with CMS (Contentful).


This rotation allowed me to work in a cross-functional squad with designers, business analysts, quality assurance, product, and other developers.


Earn Page: https://www.qantas.com/au/en/frequent-flyer/earn-points.html

Stack

React.js

HTML/CSS/Javascript

Typescript

Node.js

Reach out for in-depth walk through's of my design projects from end-to-end!

Say Hi 👋

Navigation

Ways to Use Points / CVP Widget

Responsive widget that supports variations to be toggled in Contentful

Desktop Viewport

Tablet Viewport

Mobile Viewport

Family Transfers CVP Variation

Tips and Tricks / Maximise Your Points