App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

Overview

Grocery Shop Flutter

App concept created with Flutter using Dart programming language, inspired by Groceries Shopping App Interaction.

About

The app was created to simulate all the system behind the inspiration video. There's no code on backend or other web service. The app is all contained in this repository. The models classes was created to better representate an official development, the repositories classes are simulating a web request. I'm using BLOC pattern as architectural pattern.

The App

The GIF below shows this current app runnig.

App Running

The Inspiration

The GIF below shows the inspiration concept app.

App Running

Design Details

As exposed on the inspiration video, there's some small design details also present in this app. That is animation on product image, animation when added to cart, animation on scroll to list of all orders, gridview of product cut according with the radius border corner in the white container, in the screen about the product there's a white shadow near of "Add to cart" which apply a great effect. Plus: removing order from cart list moving to right or left.

Notes

This code was build in a few hours within 1 day, so all the interactions was made to be similar with the inspiration video, no more screen or special interaction was added on this project so far.

You might also like...

This project aims to provide a simple and customizable Review Page interaction made with Flutter.

This project aims to provide a simple and customizable Review Page interaction made with Flutter.

Review Page Interaction This project aims to provide a simple and customizable Review Page interaction made with Flutter. Check it out on Béhance (htt

Mar 29, 2022

An efficient and easy CA-Client interaction flutter project

An efficient and easy CA-Client interaction flutter project

Cloud Accounting An efficient and easy CA-Client interaction flutter project This is an application for a CA to interact with its clients. Clients can

Dec 2, 2021

Profile page ui - First Flutter Project. Just basic UI and Interaction experimentation.

Profile page ui - First Flutter Project. Just basic UI and Interaction experimentation.

Profile Page UI My first Flutter UI Page. Just experimenting with App Dev. Features The main home screen looks initially like this, The Follow Button

Jan 1, 2022

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.

Nov 16, 2022

The complete school management application for ARNHSS , for interaction of parents , students and teachers

The complete school management application for ARNHSS , for interaction of parents , students and teachers

screen shorts and work progress user flow chart ARNHSS - School project Description here Libraries used 🌲 Flutter dart basic language Provider for s

Oct 31, 2022

Hotel Booking Concept is a promo sample application inspired by

Hotel Booking Concept is a promo sample application inspired by

hotel-booking-concept-flutter Hotel Booking Concept is a promo sample application inspired by https://dribbble.com/shots/6821188-Hotel-Booking-App-Con

Nov 16, 2022

Flutter language pickers2 - Language pickers package for Dart and Flutter

Flutter language pickers2 - Language pickers package for Dart and Flutter

language_pickers2 Notes: Original repository from github.com/gomgom, unfortunate

Feb 6, 2022

My online sweet shopping app created with Flutter and Firebase.

sweetraga 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

Dec 27, 2021

A simple yet elegant tip calculator created using flutter framework and dart language.

CAL- TIP, A TIP CALCULATOR APPLICATION A simple yet elegant tip calculator created using flutter framework and dart language. As the name suggests, th

Dec 26, 2021
Comments
  • not running

    not running

    Hello,

    I got this error

    FAILURE: Build failed with an exception.

    • What went wrong: Execution failed for task ':app:processDebugResources'.

    Android resource linking failed Output: C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\incremental\mergeDebugResources\merged.dir\values\values.xml:86: error: resource android:attr/fontVariationSettings not found. C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\incremental\mergeDebugResources\merged.dir\values\values.xml:87: error: resource android:attr/ttcIndex not found. error: failed linking references.

    Command: C:\Users\bekir.bekir.gradle\caches\transforms-1\files-1.1\aapt2-3.2.1-4818971-windows.jar\c69c876981768cff6015918706246784\aapt2-3.2.1-4818971-windows\aapt2.exe link -I
    C:\Users\bekir.bekir\AppData\Local\Android\sdk\platforms\android-27\android.jar
    --manifest
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\merged_manifests\debug\processDebugManifest\merged\AndroidManifest.xml
    -o
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\processed_res\debug\processDebugResources\out\resources-debug.ap_
    -R
    @C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\incremental\processDebugResources\resources-list-for-resources-debug.ap_.txt
    --auto-add-overlay
    --java
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\generated\not_namespaced_r_class_sources\debug\processDebugResources\r
    --custom-package
    com.example.groceryshopflutter
    -0
    apk
    --output-text-symbols
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\symbols\debug\R.txt
    --no-version-vectors Daemon: AAPT2 aapt2-3.2.1-4818971-windows Daemon #0 Output: C:\Users\bekir.bekir.gradle\caches\transforms-1\files-1.1\core-1.1.0.aar\28acfc79e2f9c99a8f128ff13cade351\res\values\values.xml:174:5-210:25: AAPT: error: resource android:attr/fontVariationSettings not found.

    C:\Users\bekir.bekir.gradle\caches\transforms-1\files-1.1\core-1.1.0.aar\28acfc79e2f9c99a8f128ff13cade351\res\values\values.xml:174:5-210:25: AAPT: error: resource android:attr/ttcIndex not found.

    error: failed linking references. Command: C:\Users\bekir.bekir.gradle\caches\transforms-1\files-1.1\aapt2-3.2.1-4818971-windows.jar\c69c876981768cff6015918706246784\aapt2-3.2.1-4818971-windows\aapt2.exe link -I
    C:\Users\bekir.bekir\AppData\Local\Android\sdk\platforms\android-27\android.jar
    --manifest
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\merged_manifests\debug\processDebugManifest\merged\AndroidManifest.xml
    -o
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\processed_res\debug\processDebugResources\out\resources-debug.ap_
    -R
    @C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\incremental\processDebugResources\resources-list-for-resources-debug.ap_.txt
    --auto-add-overlay
    --java
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\generated\not_namespaced_r_class_sources\debug\processDebugResources\r
    --custom-package
    com.example.groceryshopflutter
    -0
    apk
    --output-text-symbols
    C:\Users\bekir.bekir\AndroidStudioProjects\grocery_shop_flutter\build\app\intermediates\symbols\debug\R.txt
    --no-version-vectors Daemon: AAPT2 aapt2-3.2.1-4818971-windows Daemon #0

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    opened by bekirelifkeremoruc 1
  • Add gitpod config

    Add gitpod config

    this commit adds support for Gitpod.io, a free automated dev environment that makes contributing and generally working on GitHub projects much easier. It allows anyone to start a ready-to-code dev environment for any branch, issue and pull request with a single click.

    opened by Rofram 0
  • Integrate cloud fireestore and google sign in.

    Integrate cloud fireestore and google sign in.

    Instead of static products, add product dynamically via cloud firestore. And if user confirm the order, order request with items details add in new collection.

    opened by eagerashwani 0
Owner
Wilton Neto
Software Engineer. Front-end Developer, and living in love with Vue, Flutter and Go.
Wilton Neto
The component created with Flutter using Dart programming language, inspired in Fluid Slider by Ramotion.

Fluid Slider Flutter The component created with Flutter using Dart programming language, inspired in Fluid Slider by Ramotion. About The component was

Wilton Neto 41 Sep 30, 2022
An E-Commerce app to buy groceries written in Flutter

Big Cart An Ecommerce app to buy groceries Framework: Flutter Architecture: MVVM Backend: Api State Management: Stacked Features User can Login/Regist

Mohsin Raza 11 May 30, 2022
Community-based vegan groceries map

Plante ?? app Community-based vegan groceries map https://planteapp.com/ ?? Translations We don't speak that many languages - if you would help us to

Plante App 24 Nov 20, 2022
This repository was created to provide the basics of the Dart programming language and Its use cases.

dart-exercises A collection of source code of the Dart Programming language. How does this repository works? Clone / Fork this repository to make your

Technosoft Labs 2 Oct 28, 2021
App concept created with Flutter inspired by Tasty Burger.

Hamburger Flutter App concept created with Flutter inspired by Tasty Burger. About The app was created to simulate all the system behind the inspirati

Wilton Neto 144 Sep 28, 2022
Docker images for the Dart programming language (https://dart.dev)

dart-docker This is the Git repo of the Docker "Official Images" for the Dart programming language. See the Docker Hub page for a full description on

Dart 48 Nov 21, 2022
Intel Corporation 231 Nov 18, 2022
Repo for Teach Yourself mastering dart programming language

mastering-dart Repo for Teach Yourself mastering dart programming language Chapter Membuat Aplikasi Pertama Menggunakan Dart Percabangan Perulangan Fu

Feri Lukmansyah 50 Nov 10, 2022
Implementation of data structures and algorithms in Dart programming language.

Algorithms in Dart Implementation of several algorithms with Dart programming language. Use dartdoc to generate documentation. Lists List data structu

Mafinar Khan 195 Oct 23, 2022
🇮🇪 A generic programming language interpreter, linter, formatter, and all that jazz, written in Dart.

Irishman ???? A generic programming language interpreter, linter, formatter, and all that jazz, written in Dart. Installation To install this package

Fairfield Programming Association 2 Oct 8, 2022