5. FRONTEND: The entire flow of Redux for Shipping and Payment

[trimakichan]

CONSTANT

• Add "CART_SAVE_SHIPPING_ADDRESS" and "CART_SAVE_PAYMENT_METHOD" constants inside the "cartConstants.js"

REDUCER

• Add "CART_SAVE_SHIPPING_ADDRESS" and "CART_SAVE_PAYMENT_METHOD" to the "cartReducer" function in the "cartReducers.js" folder.

STORE

• Get "shippingAddress" and "paymentMethod" from the browser local storage.

• Add "shippingAddress" and "paymentMethod" to the "initialState"

ACTION

• Write "saveShippingAddress" and "savePaymentMethod" functions in the cartActions.js.

Note: don't forget to import constants.

UI/VIEW

• Create a "CheckoutSteps.js" in the "components" folder and write codes.

• Create a "ShippingScreen.js" in the "screens" folder and write codes.

• Create a "PaymentScreen.js" in the "screens" folder and write codes.

ROUTES

In the "App.js" file

• Add routes to ShippingScreen.js, PaymentScreen.js and LoginScreen.js