This is a Flutter application that displays a list of products and allows users filter products by categories and sort them by price. The data is fetched from the Fake Store Api
- Displays a list of products fetched from the Fake Store API.
- Allows users to filter products by categories.
- Allows users to sort products by price (ascending and descending).
- Displays products in a staggered grid view for a dynamic and visually appealing layout.
- The Flutter SDK has to be installed
- Dart SDK has to be installed
- Android Studio or VS Code with the Flutter plugin
- An Android Emulator or a physical device to run the app
-
Clone the repository here
-
Navigate to the project director via your terminal (cd patch_store_app)
-
Install the necessary packages (flutter pub get)
-
Run the app (flutter run)
-
The Discover screen is launched which shows:
- The Search bar where the user can search for an item
- A list of Categories which enables the user sort by category. By clicking on each category, the user sorts the list of products.
- To view all the lists of products again, the user clicks on the selected category again
- The selected category is identified by the appearance of a green border
- A row of Buttons with which the user can sort by highest/lowest price
- A grid of available products
-
- The store fetches product data from the Fake Store API, fetching a list of 50 random products.
- Each product has its details as defined in the Product Data Class - Product title, category, price and image.
-The app has also been configured to handle sorting in various ways :
-
Sorting by highest price (By clicking on the button with text ["By Highest Price"])
-
Sorting by lowest price which re-arranges the product list from lowest to highest price
-
Sorting by category
-
- The cart items were stored with shared preferences to reduce wait time for the user
- Also implemented cache validation where the cache was refreshed every one hour in case information in the backend (end point) had been validated