Git Product home page Git Product logo

tapiture-ios-shopping-cart's Introduction

Tapiture iOS Shopping Cart

By Bennett Lee

Demo

Alt text

Description

Tapiture iOS Shopping Cart provides users with a seamless shopping experience within the Tapiture iOS application. Users now have the ability to select different options of a product (size, color, material, etc.), add products to a local shopping cart, and update or remove cart items.

Note: This application includes the ENTIRE user flow (from waterfall -> product -> shopping cart -> checkout page).

Product Flow Overview

Alt text

The following is a list of the most important features implemented in “Tapiture iOS Shopping Cart”:

ProductDetailView Integration

  • Options selection
    • Select a combination of options for a particular product (i.e. size, color, material, etc)
  • "Add To Cart" Button, users can add a product to cart.
  • "Notify Me" Button
    • If all variations of a product are out of stock, “Add To Cart” Button will be replaced by “Notify Me” Button

OptionsDetailView

  • Displays different variation of the same option category for users to select.
    • Example: Option Category: “Size”. Option Values: “S, M, L, XL”.
  • If an option is “Out of Stock”, user can tap the option to be notified when product is back in stock.

Back In Stock Notification

  • Placeholder code is embedded to integrate Tapiture’s shopping cart with “Back In Stock API”

Shopping Cart

  • Persistent storage of shopping cart data on device. If user exits the Tapiture application, their cart information will still be saved on their local devices.
  • Update cart item quantity
  • Remove cart items
  • Displays total item count and subtotal
  • Checkout: Displays a web view with Shopify’s checkout webpage

tapiture-ios-shopping-cart's People

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.