This project is part of a coding challenge hosted by the heyFlutter YouTube channel. The goal is to recreate the user interface featured in a dribble design, which you can view here. It's important to note that the challenge supplied only a single design image, leaving it to me to bring the concept to life. The image below serves as the exclusive resource provided for this challenge.
- Flutter SDK
- Dart
- Android Studio or Visual Studio Code
Clone the repository
git clone https://github.com/Justbeingjustin/plant-shop-flutter.git
Navigate to the project folder
cd plant-shop-flutter
Install dependencies
flutter pub get
Run the project
flutter run
![Design preview](https://private-user-images.githubusercontent.com/6186274/276357068-7b7d6768-0d6a-4127-aa20-f4ac5730baf2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjM1NzA2OC03YjdkNjc2OC0wZDZhLTQxMjctYWEyMC1mNGFjNTczMGJhZjIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWVmYTA0OTJiNTA2YzcyNDM2NWE4MjVlODAxOTBkMTk5NDBmOTQxNmMxMGYxMmJjNzNkNTA4ZTk4NTBjYTQ0NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.T76F9CtFLkuDw6zQylkhrJ9eor-wd62YxjI9MAYlPKQ)
![Design preview](https://private-user-images.githubusercontent.com/6186274/276059968-5b13f763-cd40-4d8e-bb18-83854139e142.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjA1OTk2OC01YjEzZjc2My1jZDQwLTRkOGUtYmIxOC04Mzg1NDEzOWUxNDIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9OWU3MGQ2YzVhZTA0NTI5NWIwNDRiNGQyZTE0YjQzMWFlZmNmNTRlNWQ3MDM1ZWNmNDE4N2U1OTM3MmZiNDZiMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.49z4HoznoxgCpjWLKopw5RSsUAgpY1fpPujeLRv8UqE)
![Design preview](https://private-user-images.githubusercontent.com/6186274/276357563-7603f152-75ae-4c87-b1fd-efb5b52c2ada.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjM1NzU2My03NjAzZjE1Mi03NWFlLTRjODctYjFmZC1lZmI1YjUyYzJhZGEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjdhMjE4NzM4MzY4YzdiOGUwZDk2ODA1Y2NmMzI1MDBlZmY4ZGNmYjhiN2IwY2Y1OWE4NGQzNzE0ODliNTJiMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Z-r-b9rh7J81B422oGt5q-tMnbQPIWEpxIpWxooDtUQ)
![](https://private-user-images.githubusercontent.com/6186274/276409332-a44c819f-2c8f-48d1-b760-f1689f1bb237.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjQwOTMzMi1hNDRjODE5Zi0yYzhmLTQ4ZDEtYjc2MC1mMTY4OWYxYmIyMzcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjczYWFlY2QxOTczNTg5ODVkMDdmZTUxODE0OTQ0Y2JhYjVmOTJmNzRiNjY3NmE2OGVkOGU2YzViZmVlYzM4OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.vLzm3gejze9rR6NrirvnDiouA9hjPKdPkwhi_ozI6_Y)
![Carousel](https://private-user-images.githubusercontent.com/6186274/276411088-f4b0718d-bf48-4c1a-a88a-d8ee42d9a1e3.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjQxMTA4OC1mNGIwNzE4ZC1iZjQ4LTRjMWEtYTg4YS1kOGVlNDJkOWExZTMuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDBhZDZjNjA3MjdkOGE3NmIwZjJiNTMyNWY0Y2VkNTM3ZTliNGM2YzEyYjUxY2VkODA3ZGFkMjkzNDYwZGNkNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.2FTMy9LcPqz6Rb9FDkRtzBxL7fOo4MMA9Eg-is_5SHw)
![Carousel](https://private-user-images.githubusercontent.com/6186274/276412022-6193113d-40df-4a1e-bc2c-7ea8cdd02118.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjQxMjAyMi02MTkzMTEzZC00MGRmLTRhMWUtYmMyYy03ZWE4Y2RkMDIxMTguZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjRiMWE3OTNlOGRlNDM5NzgzNWY4ZmJjZWU4MGZlN2RkODc0ODQzYTUxNmJlMzU1MDZkOWNlOWQ4NTEyMTJiOCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.xi83KhPoTj-fizuKZwCMJ8F79ZxKRdvEc7Q53jUMlOw)
![Carousel](https://private-user-images.githubusercontent.com/6186274/276411654-48aaa8f2-a742-462c-bfb6-58be62dfeebc.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjQxMTY1NC00OGFhYThmMi1hNzQyLTQ2MmMtYmZiNi01OGJlNjJkZmVlYmMuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2M4ZDU5MzA4N2Y4NTY4OGNmM2I1MTFhYmJjNGM3ZWEzYjA3NTMxYWJhNzk1NDJiNGM4NTQ3MTNmZTQ5ZGE4YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.aMGpacCxNqMHCSju2ofOasUQj1ZYLdwIkE9lFW43ImA)
![Carousel](https://private-user-images.githubusercontent.com/6186274/276411794-43839d76-20e1-45b8-8383-84aac1541934.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4NDM4NjksIm5iZiI6MTcxOTg0MzU2OSwicGF0aCI6Ii82MTg2Mjc0LzI3NjQxMTc5NC00MzgzOWQ3Ni0yMGUxLTQ1YjgtODM4My04NGFhYzE1NDE5MzQuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcwMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MDFUMTQxOTI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmVkOGRlYTFiMzg1ZjNiOWE2Nzc3ZmQ0MjRjZGM0NzFlMGYyOTVlOWI2M2I5ZmY2YzQ0OGQxM2ZhMjE0OTlmMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.vONvLfHiGSB5a7vqExr5rMLXIS9y_zrPlIBx8Fl8KDA)