Code a web app with React and Paypal

سرفصل های دوره

Intergrate Paypal into a React application

1. Introduction

1.1 mypaypalappcopy.tar.zip

1. Welcome to the tutorial.html

2. Webpack installation

3. Basic configuration for Webpack

4. Enable CSS support by using Webpack

5. Enable support for image files by using Webpack

6. Enable support for font files by using Webpack

7. Install a Webpack plugin to generate HTML files

8. Configure HtmlWebpackPlugin

9. Create the template to generate HTML files automatically with Webpack

10. Configure React by using Webpack

11. Installing some dependencies necessary for React to work

12. Installing another dependencies necessary for React to work

13. Code a simple React application

14. Watch mode in Webpack

15. Installing Express

16. Coding a web server with Nodejs

17. Fixing a tiny bug in the code

18. Running the web server and testing the React app

19. Creating the first React component

20. Fixing ReactDOM import

2. Creating the form to input product details

1. Splitting the webpage layout into three sections

2. Add font files to the project

3. Understanding a PayPal order

4. Apply a linear gradient as the background for the webpage

5. Apply some styling to the text content of the webpage

6. Add a CSS framework to the project

7. Making a responsive grid with CSS

8. Storing the items object into an state variable

9. Adding a text field for the name of the product

10. Adding a text field for the description of the product

11. Adding a text field for the product SKU

12. Adding a text field for the price of the product

13. Adding a text field for the tax of the product

14. Adding a text field for the quantity of the product

15. Adding a dropdown menu for the category of the product

16. Updating the responsive grid

17. Adding the handleChange event handler to the form fields

18. Create the logic for the handleChange event handler

19. Styling the labels of the form fields

20. Adding a button and styling it

21. Create a Paypal order

22. Saving the Paypal order into the web browser

23. Redirecting the user to the next webpage

24. Testing the Order Items page

3. Create the form to input the shipping address

1. Setting up a new webpage for the project using Webpack

2. Add some React code to the new webpage

3. Adding a new route to the web server

4. Create a new React component from scratch

5. Create the basic layout of the webpage

6. Styling the Shipping Address page

7. Save the shipping address into an state variable

8. Create a responsive grid to center the content

9. Add a text field to input the fullname of the buyer

10. Dropdown menu to select the country code

11. Text fields for the state and city

12. Text field for the postal code

13. Text field for the street and the number

14. Text field for the apartment or unit number

15. Creating the logic for the onChange event

16. Adding a button and styling it with CSS

17. Adding the logic for the button

18. Redirecting the user to the Amount Breakdown page

19. Testing the web application

4. Creating a web page to calculate the final amount

1. Configure a new page for the project with Webpack

2. Creating the basic React code for the new page

3. Adding a new route for the new page

4. Testing the Webpack configuration so far

5. Creating a new React component for the Amount Breakdown page

6. Creating the basic sections of the new page

7. Apply some CSS styling to the new page

8. Create a new state variable for the amount details

9. Create a table with the CSS framework

10. Create a responsive grid to center the content

11. Add a text field to enter the shipping cost

12. Add a text field to enter the handling cost

13. Add a text field to enter the tax total

14. Add a text field for the shipping discount

15. Add a text field for the discount

16. Display the final amount

17. Styling the Amount Breakdown table

18. Configure the handleChange event handler

19. Explanation of the logic inside the handleChange event handler

20. Complete the logic inside the handleChange event handler

21. Explanation on how to calculate the item total

22. Create the code to calculate the item total

23. Create the code to calculate the tax total

24. Create the code to calculate the final amount

25. Testing the web app

5. Configure Paypal to work with the React app

1. Creating a test buyer account

2. Creating a test seller account

3. Creating a Paypal App

4. Install fetch

5. Get the access token from Paypal

6. Function which creates a Paypal order

7. PayPal request id

8. Function which captures a Paypal order

9. Create order endpoint

10. Capture order endpoint

11. Adding the Pay Now button

12. Creating the logic for the Pay Now button

13. Completing the logic for the Pay Now button

14. Testing the response from PayPal

15. Redirecting the user to Paypal

16. Testing the web application

17. Adding a new web page for the project with Webpack

18. Create the initial React code for the new page

19. Create a new route for the new page

20. Checking whether the new page works

21. Creating a new React component

22. Getting the access token

23. Capture order HTTP request

24. Confirmation message when the transaction is completed

25. Apply some CSS styling to the previous web page

26. Testing a Paypal transaction

27. Add the cancel page with Webpack

28. Initial React code for the cancel page

29. Add a new route for the cancel page

30. Check the new page configuration

31. Creating an new React component

32. Adding an image file to the project

33. Cancel page content

34. Checking the cancel page

35. Cancelling a payment

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training