# Cashback Documentation

[toc]

## 1. App flow
[Click here](https://www.zenflowchart.com/docs/view/8VvJ4openZ5xWe7Az1XP)

## 2. Components
There are **A LOT** of components in Cashback. Throughout this documentation you will see how terrific it is to build such a thing like this mini-app!

### 2.1. Header (*HeaderAnimation.js*)
This header is customized for its own used: animated header with pinned search bar after some `y-pos` displacement.

### 2.2. Main screen (*MainScreen.js*)
Main screen consists of 2 parts: the pig itself and other screen-oriented components.

#### 2.2.1.

### 2.3. Store (*CategorySearchBarContent.js* & *CashbackCategory.js*)

### 2.4. Ranking (*DonationRanking.js* & *DonationRankingAll.js*)

## 3. APIs