وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

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
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 17040
    حجم: 5225 مگابایت
    مدت زمان: 573 دقیقه
    تاریخ انتشار: 8 مرداد 1402
    دیگر آموزش های این مدرس
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید