Cart app
Flutter project for preliminary test.
- Features :
- Load product list from server.
- Add product to cart (save the cart locally, no need for backend)
- Edit & Delete the cart content
- Cart must still exist even if the app closed and reopened
- Flutter 1.17.3 channel stable - 2020-06-04 09:26:11
- Dart 2.8.4
- flutter_native_splash version 0.1.9 for splashscreen
- flutter_launcher_icons version 0.7.3 for custom app icon
- flutter_launcher_name version 0.0.1 for custom app name
- flutter_rating_bar version 3.0.1+1 for rating in product's card
- font_awesome_flutter version 8.8.1, enable to use font awesome icon
- grouped_list version 3.1.0, flutter ListView in which list items can be grouped to sections
- intl version 0.16.1 for formatting number
- http version 0.12.1 for http method resource
- query_params version 0.6.1 for URL Parameters
- shared_preferences version 0.5.7+3 providing a persistent store for local data
- table_calendar version 2.2.3 for scrollable calendar widget
- If you have existing build
flutter clean
- To get all packages
flutter pub get
- On terminal run
flutter run
Based on Reference
After creating a keystore and configure it :
- Run
flutter build appbundle
to create appbundle (Playstore) - Run
flutter build apk
to create apk - Run
flutter install
to install app on device
Product List Screen
- Date Picker
- Date Picker displays the current week until 8th week.
- Displayed week can be changed by sliding or clicking on the arrow button
- Saturdays and Sundays are disabled.
- Pinned when scrolled
- Refinement
- Product List
- The list must be lazy loaded
- Displayed but not lazy loaded
- Add product to cart by clicking “Tambah ke keranjang”
- Quantity can be edited after product added to cart
- Changing quantity to 0 removes product from cart
- Cart button displayed if there is an item in cart
- The list must be lazy loaded
- Cart Button
- Total item & price displayed changes according to cart content
- Clicking the button will navigate to Cart Screen
- Refinement
Cart Screen
- Cart Item List
- List is order by item date, then by product id
- Item quantity can be edited (minimum 1)
- Changing quantity here also changes quantity in Product List screen
- Clicking trash icon removes the item from cart
- Clicking “Hapus Pesanan” will empty the cart and showing the empty screen
- Use any image for empty screen
- Refinement
- Checkout Button
- Total item & price displayed changes according to cart content
- Clicking the button will navigate back to Product List Screen
- Refinement
- Sony Xperia M2 D2305, Android 5.1.1, Lollipop
- 540 x 960 pixels