Skip to content

Commit a7bb127

Browse files
committed
solution.md changed
1 parent 3e66bd2 commit a7bb127

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

SOLUTION.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,5 +7,5 @@ You can use your own data structure (demo array of transactions or indicator val
77

88
### My Solution (general)
99

10-
I used React Navigation for navigating between screens(home and details screen); SearchBox component of react-native-elements for SearchBox; react-native-progress-circle for Indicators. In dummy data i seperated data by time durations and every time duration has its own color, percentage, label(which gives us the opportunity to map&use them in Progress.js in Components folder) and operations history which is also simplifies its usage and mapping process, and also helps us not to use another dummy data for user details. In Components folder I created List.js for showing all operations made recently(current week, last week and last month) and here is firstly shown user image, name and amount of payment which navigates to details screen when pressing it. Detail.js is for showing payment details(payment date, payment type and payment method).(all files in Components folder mainly aim prevent bolierplates, shorten and increase the readibility of codes);
10+
I used React Navigation for navigating between screens(home and details screen); SearchBox component of react-native-elements for SearchBox and also Avatar, Divider components of this library;react-native-progress-circle for Indicators. In dummy data i seperated data by time durations and every time duration has its own color, percentage, label(which gives us the opportunity to map&use them in Progress.js in Components folder) and operations history which is also simplifies its usage and mapping process, and also helps us not to use another dummy data for user details. In Components folder I created List.js for showing all operations made recently(current week, last week and last month) and here is firstly shown user image, name and amount of payment which navigates to details screen when pressing it. Detail.js is for showing payment details(payment date, payment type and payment method).(all files in Components folder mainly aim prevent bolierplates, shorten and increase the readibility of codes);
1111
Note: I didn't use general styles (color/height/width etc.) as I didn't have enough time for them and also for better UI.

0 commit comments

Comments
 (0)