Table of contents

• Task Description
• Prerequisites
• Getting Started
• Packages Used
• Demo
• Android APK

Task Description

Create a simple e-commerce product listing and detail page using Flutter. The application should fetch product data from the Fake Store API

Requirements:

Product Listing Page:

• Fetch a list of products from the provided API.
• Display the product name, image, and price in a grid or list view.
• Implement basic navigation to the Product Detail Page when a product is tapped.

Product Detail Page:

• Display detailed information about the selected product, including name, image, price, and description.
• Include an "Add to Cart" button (functionality can be a no-op, just show a snackbar or toast message saying "Added to Cart").

Styling and UI:

• Ensure the application is responsive and looks good on different screen sizes.
• Use appropriate Flutter widgets and follow best practices for UI design.

Code Quality:

• Write clean, readable, and well-documented code.
• Use proper state management techniques (e.g., Provider, Riverpod, Bloc, etc.).

Prerequisites

• Ensure you have the Flutter SDK installed on your machine. You can download it from here
• Ensure you have an IDE installed, such as Android Studio, Visual Studio Code or IntelliJ IDEA

Getting Started

• Clone this repository to your local machine using https://github.com/saladel/learnly_assessment.git
• Open the project in your preferred code editor.
• Run flutter pub get to install the app's dependencies.
• Connect a device, or an android emulator or an ios simulator.
• Click the play button or run flutter run to start the app.

Packages Used

• provider: For managing states across the app.
• http: To make network calls.
• go_router: To handle navigation across the app.
• font_awesome_flutter: To access icons not available in the Icon widget.
• fluttertoast: To create toasts.

Demo

iOS Demo

iOSDemo.mp4

Android Demo

AndroidDemo.mp4

Android APK

Download APK (20M)

Feel free to reach out to me on Linkedin or Twitter if you have any questions or feedback!

🔝