Git Product home page Git Product logo

grocery_shop_flutter's Introduction

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.

grocery_shop_flutter's People

Contributors

wiltonribeiro avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.