Code Monkey home page Code Monkey logo

a13-react-exercise's Introduction

ShoppingCart

  1. 為 config.js 設計 types.js
  2. App.jsx totalAmount, lineItems state
  3. ProductItem.jsx
  4. App.jsx for loop render ProductItem
  5. App.jsx atAddToCart

addToCart 會有二種行為，

  • Cart 已有商品，數量加 1，
  • 沒有的話才新增進 Cart
  1. App.js 當 lineItems 有更動，計算 totalAmount
  2. Cart.jsx 與 CartLineItem.jsx

FIXED issue

  • ProductItem
    • quantity 的數量要隨購物車數量減少
    • 如果賣完，文字換成 Sold out，同時不能點擊
  • 購物車數量減少鈕按行為不正確。
  • 請實作 Coupon 功能
    • 一次只能 apply 一個 coupon

a13-react-exercise's People

Contributors

yunimm avatar

Watchers

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.