Crea una web app con React y PayPal paso a paso
Aprende a procesar pagos con PayPal
Description
En éste curso se mostrará como configurar y crear una web app con React la cual procesa pagos con PayPal. Es importante conocer como funciona PayPal ya que es una herramienta ideal para añadir procesamiento de pagos a cualquier web app; para procesar pagos con PayPal debemos conocer como manejar su API.
A simple vista la API de PayPal parece muy complicada y creo que la mejor manera de entenderla es creando una web app desde cero; a medida que avanza éste tutorial se explicará cada una de las propiedades del objeto JSON necesario para comunicarnos con PayPal.
El objeto JSON necesario para comunicarnos con la API de PayPal de conoce con el nombre de orden de PayPal; éste objeto tiene muchas propiedades y una estructura compleja; la idea de éste tutorial es entender dichas propiedades mediante la creación de varios formularios el los cuales se introducirán los valores de dichas propiedades y eso ayuda mucho para entender el tema.
Adémas de lo anterior también se muestra como crear una web app con React paso a paso; se cubre como configurar React con Webpack y en general como usar React.
El resultado final será una aplicación web dónde el usuario debe ingresar los detalles de tres productos que se van a comprar; después se debe ingresar la dirección de envío y la persona que recibirá la mercancía; posteriormente el usuario debe detallar todo lo relacionado con el monto final como el costo de envío, monto total, impuestos y otros detalles; finalmente el usuario verá una tabla con detalles sobre la transacción y finalmente se redireccionará al usuario a PayPal para realizar el pago; si la transacción es exitosa entonces se mostrará una página web con un mensaje de confirmación.
What You Will Learn!
- Aprende al crear una web app con React desde cero
- Aprende a usar la API de PayPal
- Aprende a realizar transacciones de prueba con PayPal
- Aprende a configurar React paso a paso
- Crear un servidor con Nodejs
Who Should Attend!
- Desarrolladores con conocimientos básicos de Javascript, HTML y CSS
- Desarrolladores con conocimientos básicos de Nodejs