/react-shopping-cart

REACT CART PAGE

Primary LanguageJavaScript

REACT SHOPPING CART

STEP 1

  • CREATE HEADER
  • MAIN
  • FOOTER

STEP 2

  • LINK TO GITHUB AND PUSH INITIAL CHANGES
  • CREATE DATA.JSON - ID, IMAGE, TITLE, DESCRIPTION
  • STYLE AND SORT DATA

STEP 3

  • ADD FILTER COMPONENTS
  • ADD FILTER FUNCTION
  • ADD SORT PRODUCTS COMPONENTS
  • ADD SORT PRODUCTS FUNCTION

STEP 4

  • ADD CART COMPONENT
  • ADD CART FUNCTION
  • ADD CART IMAGE STYLING
  • ADD REMOVE CART ITEMS FUNCTION
  • CREATE REMOVE FUNCTION
  • UPDATE TOTAL
  • CONDITIONAL STATEMENT FOR CHECKOUT
  • STYLE CHECKOUT BUTTON

EXTRA

STEP 5

  • ADD FORM FUNCTION
  • LINK PAYPAL

STEP 6

  • CREATE USER DETAIL MODAL
  • ADD ANIMATIONS FOR ADD TO CART FUNCTION
  • ADD REDUX TO CODE

STEP 7

  • MAKE CART ITEMS PERSISTENT
  • USE LOCAL STORAGE WHEN PAGE IS REFRESHED
  • ADD FORM FOR CHECKOUT

STEP 8

  • INSTALL REACT AWESOME REVEAL
  • INSTALL REACT MODAL
  • ADD MODAL
  • ADD ANIMATION

STEP 9

  • ADD REDUX