Create a simple e-commerce product listing and detail page using Flutter. The application should fetch product data from the Fake Store API
- 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.
- 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").
- Ensure the application is responsive and looks good on different screen sizes.
- Use appropriate Flutter widgets and follow best practices for UI design.
- Write clean, readable, and well-documented code.
- Use proper state management techniques (e.g., Provider, Riverpod, Bloc, etc.).
- 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
- 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 getto install the app's dependencies. - Connect a device, or an android emulator or an ios simulator.
- Click the play button or run
flutter runto start the app.
- 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.
iOSDemo.mp4
AndroidDemo.mp4
Feel free to reach out to me on Linkedin or Twitter if you have any questions or feedback!