Aerolab Coding Challenge

DEMO »

Challenge info

Extra features

Entirely handcrafted design (based on original design concept and layout)
Smooth appeareance and animations
Featured product hero section
Responsive (smartphone, tablet, laptop/desktop)
Placeholder images
Image quality depending on window width
Cursor loading when redeeming any product
Info about how many times a product was redeemed
Pagination with numbers (increase dynamicaly)
Display visible product range information
Little dot notification when user points is under 500pt
Aero Pay payment method (?
Notifications on important actions
Keyboard navigation
Social metadata

Tech Stack

create-react-app for project starting
redux and redux-saga for global state and side effects management (ducks pattern)
react-router for app routing
styled-components for component styling (extended with polished)
styled-icons for add icons to the app
moment for date formating
gh-pages for deployment