Here is an application project that displays a list of products from the Elevenia API called STORE.

Overview

Introduction

This is an image

Here is an application project that displays a list of products from the Elevenia API called STORE.

  • State Management : GetX
  • Database Local : Hive

Requirements 🛠️

  • Flutter : > 2.10.3
  • OS : Windows / MacOs
  • Code Editor : VSCode
  • Tested Emulator : Iphone 12 Pro Max (IOS Simulator)

Task 📖

Create :
  • Display list of product, detail, and add to cart

  • Use Infinite Scroll for > 5 - Search product by keyword

  • Keep product on cart if apps is closed and reopened

  • user can open apps on mobile or tablet

  • User can view list product when not connect to internet (Offline Mode)

    Requirment App :

  • Good, sensible file structuring that promotes modularity and good separation of logical/UI layers

  • Written Unit Testing the provider, Widget Testing

  • Testing app UI and performance with integration tests

  • Use state management

  • Use Model to show data

  • Responsive display is a big plus

  • Set customized lints that encourage good coding practices is a big plus

  • Preferable to use a distributed version control system

  • Clear instructions on how to run your app locally. Please provide clear explanations

    about your project and how do we run it locally (using README.md is preferable)

Installation ??

  • Clone this repository with command :

    git clone https://github.com/SHC12/jubelioTechTest

    Integration Testing

  • Run this command in terminal project :

    /bin/zsh {PROJECT_ROOT}/lib/utils/execute_integration.sh

UI

Splash Screen

<img src=" style="max-width: 100%;">

Shimmer Loading

<img src=" style="max-width: 100%;">

List Product

<img src=" style="max-width: 100%;">

Refresh Indicator

<img src=" style="max-width: 100%;">

Search Product Result

<img src=" style="max-width: 100%;">

Detail Product

<img src=" style="max-width: 100%;"> Add To Cart Action

<img src=" style="max-width: 100%;">

Add to cart result

<img src=" style="max-width: 100%;"> Cart List

<img src=" style="max-width: 100%;">

Offline Mode

<img src=" style="max-width: 100%;">

Connectivity Status

<img src=" style="max-width: 100%;"> <img src=" style="max-width: 100%;">

Widget Test & Unit Test

Widget Test Code <img src=" style="max-width: 100%;">

Widget Test Result <img src=" style="max-width: 100%;">

Unit Test Code <img src=" style="max-width: 100%;">

Unit Test Result <img src=" style="max-width: 100%;">

You might also like...

This application displays the characters of the series Breaking Bad, has been used Cubit state and API .

breaking_bad A new Flutter project using bloc. Getting Started This project is a starting point for bloc state_management. A few resources to get you

Dec 24, 2021

A lightweight flutter plugin to check if your app is up-to-date on Google Play Store or Apple App Store

App Version Checker this package is used to check if your app has a new version on playstore or apple app store. or you can even check what is the lat

Dec 14, 2022

Shoes-Store-App-UI-Flutter - Beautiful Shoes Store App UI with support for dark and light mode

Shoes-Store-App-UI-Flutter - Beautiful Shoes Store App UI with support for dark and light mode

Flutter Shoes Store App UI with support for dark and light mode. Flutter 2.8.1 N

Nov 23, 2022

[Flutter package] An easy and quick way to check if the local app is updated with the same version in their respective stores (Play Store / Apple Store ).

Retrieve version and url for local app update against store app Android and iOS Features Using as reference packages like in_app_update , version_chec

Nov 9, 2022

This project is a rebuild of the existing movie colony https://github.com/debbsefe/Movie-Colony. Here's also a link to the figma file https://www.figma.com/file/XpLFNEsROiN1z6lwnNHMrU/Movie-app?node-id=2956%3A10161

Tvfiy Generated by the Very Good CLI 🤖 A Very Good Project created by Very Good CLI. Getting Started 🚀 This project contains 3 flavors: development

Nov 12, 2022

Return a Stream that emits null and done event when didChangeDependencies is called for the first time.

Return a Stream that emits null and done event when didChangeDependencies is called for the first time.

did_change_dependencies Author: Petrus Nguyễn Thái Học Return a Stream that emits null and done event when State.didChangeDependencies is called for t

Nov 9, 2022

Flutter integration for Supabase. This package makes it simple for developers to build secure and scalable products.

Flutter integration for Supabase. This package makes it simple for developers to build secure and scalable products.

supabase_flutter Flutter package for Supabase. What is Supabase Supabase is an open source Firebase alternative. We are a service to: listen to databa

Jan 7, 2023

A renting platform to rent products

A renting platform to rent products

Welcome to RentALL Mobile App 👋 A renting platform to rent products APP PREVIEW Install flutter create . Usage flutter run Run tests f5 / debug 👤 Ak

Aug 19, 2022

This is a university marketplace, where students buy and sell products and services online or offline. Mainly to connect the two parties together.

marktorder A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Jan 10, 2022
Owner
Dedi Kurniawan
Dedi Kurniawan
State Persistence - Persist state across app launches. By default this library store state as a local JSON file called `data.json` in the applications data directory. Maintainer: @slightfoot

State Persistence Persist state across app launches. By default this library store state as a local JSON file called data.json in the applications dat

Flutter Community 70 Sep 28, 2022
mypro immobilier app created to manage our real estate agency, we can store products, contacts and transactions..

mypro_immobilier A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

soufiane bouchtaoui 1 Dec 11, 2021
Ali Türkay AVCI 1 Jan 20, 2022
Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map.

Custom Radio Group List Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map. Feature

Ashok Kumar Verma 0 Nov 30, 2021
just a flutter project called working_project that projects the project on the working.

Flutter & Firebase Realtime Apps This is a Shipper app that can be used as a shipper hooker using Flutter & Firebase. Go drawsql.app/c-5/diagrams/work

DokuroGitHub 0 Jan 1, 2022
Simple project that consumes the World Time APi and displays the time for the chosen location.

World Time App Simple project that consumes the World Time APi and displays the time for the chosen location. Web Api WorldTime Technologies Flutter A

Mario Vieria 1 Jan 20, 2022
Multi type list view - A flutter customer ListView that displays multiple widget types.

MultiTypeListView A light weight flutter customer ListView that displays multiple widget types. Screenshot home chat Getting Started dependencies: m

齐翊(学义) 52 Jun 28, 2022
Just a simple interface showing a diamond, an imitation to that old application called I am rich .

i_am_rich A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Nixi 0 Dec 29, 2021
A smartphone application called Easy Job goal is to make easier for businesses to find people who meet their standards as well as for job seekers to search for and choose from available positions .

Easy_Jobs 19SW54(MAD-Project) A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Muskan 2 Nov 6, 2022