https://github.com/lucasromerodb/aerolab-coding-challenge

Aerolab Coding Challenge
https://github.com/lucasromerodb/aerolab-coding-challenge

aerolab aerolab-challenge challenge coding-challenge design ducks-pattern ecommerce gravit-designer react react-router redux redux-saga responsive-design store

Last synced: about 1 month ago
JSON representation

Aerolab Coding Challenge

• Host: GitHub
• URL: https://github.com/lucasromerodb/aerolab-coding-challenge
• Owner: lucasromerodb
• Created: 2019-07-02T01:02:51.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-23T01:55:26.000Z (9 months ago)
• Last Synced: 2024-12-08T16:44:26.917Z (about 2 months ago)
• Topics: aerolab, aerolab-challenge, challenge, coding-challenge, design, ducks-pattern, ecommerce, gravit-designer, react, react-router, redux, redux-saga, responsive-design, store
• Language: JavaScript
• Homepage: https://lucasromerodb.github.io/aerolab-coding-challenge/
• Size: 2.48 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Aerolab Coding Challenge

### [DEMO »](https://lucasromerodb.github.io/aerolab-coding-challenge/)

![Devices](docs/devices.png)

![History & Social](docs/history-social.png)

![Design](docs/design.png)

## Challenge info

- [Challenge »](https://aerolab.co/coding-challenge-instructions?utm_campaign=Coding%20Challenge)

- [API »](https://aerolabchallenge.docs.apiary.io/#reference/0/products/get)

## 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