https://github.com/thatlinuxguyyouknow/rewards
A submission to the Balancee App Internhip
https://github.com/thatlinuxguyyouknow/rewards
Last synced: 10 months ago
JSON representation
A submission to the Balancee App Internhip
- Host: GitHub
- URL: https://github.com/thatlinuxguyyouknow/rewards
- Owner: ThatLinuxGuyYouKnow
- Created: 2024-09-03T23:22:14.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-17T22:11:34.000Z (over 1 year ago)
- Last Synced: 2025-03-24T06:34:37.863Z (over 1 year ago)
- Language: Dart
- Size: 319 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Single 'Rewards' Screen for the Balanceé app
## CheckList(Tasks)
- Track their earnings from bookings made through the Balanceè platform. ✔
- View a history of their cashback transactions. ✔
- Cash out rewards either directly or by applying promo codes. ✔
- Use dummy data where applicable, mock JSON response and focus on writing maintainable code. ✔
- Make sure the UI looks good and you can use animations ✔
## CheckList(Components)
### Earnings Overview:
- Total Cashback Earned ✔
- Current Balance ✔
### Cashback History:
- Transaction Date ✔
- Amount Earned ✔
- Booking Details ✔
### CashOut Options
- Direct Cashout ✔
- Promo Codes ✔
# -------------------------------------------------------------------------------------------
## UI Choices
Following the apparent design choices from the balancee website and the screenshot displayed
### Colour
- Main Colour/Background : White
- Sub Colour/ Highlight: Blue
* The specific blue used is the Hex convert of the RGB(47 111 163) used on the website
### Font
The font used is 'Plus Jakarta Sans', imported via the Google Fonts package, as it is the font used in the website
### Widget Styling
Widgets all have a border radius providing a curved rounded edges as it appears to be the design standard in the app screenshot shown on the website
# -------------------------------------------------------------------------------------------
## Code/Logic
### File structure
- Although not the MVC code/file structure, widgets are grouped into folders with descriptive and apparemt names
- Widgets are placed into folders with other relevant/similar widgets
### Widgets
- Widgets are extrapolated to avoid hard-coding and hard to read/edit code.
### Mock Data and Usage
- This screen uses mock data that would be similar to data returned from a server on query.
- The data is handled and extracted to keep the displayed data relevant