Integracion vía SDK de la pasarela de pago Mercado Pago con React JS para la UI y Node JS para el backend

1- Clonar el repositorio.

2- Crear y configurar el archivo .env.local en la carpeta client, las claves necesarias para el funcionamiento de la integracion.

• PUBLIC_KEY: Llave provista por Mercado Pago
• URL_PAYMENT_MP: Entry point hacia donde se hara el request desde la UI. En dicho entry point estara implementada la logica de verificacion del pago.

3- Crear y configurar dentro del archivo .env en la carpeta server, las claves necesarias para el funcionamiento de la integracion.

• ACCESS_TOKEN: Llave provista por Mercado Pago

4- Instalar las dependencias en ambas carpetas (client y server).

5- Correr el servidor con npm start o yarn start y la UI con npm run dev o yarn dev cada uno dentro de sus respectivas carpetas.

• Entry point: URL en el servidor que recibira, via POST desde la UI, la data necesaria. Por ejemplo: http://localhost:4000/process-payment

• ACCESS_TOKEN y PUBLIC_KEY: Las podes encontrar en tu cuenta, aqui https://www.mercadopago.com.ar/developers/panel/credential

• Response Mercado Pago : El objeto que devuelve el resultado de la operación de la integración puede contener multiples propiedades. Las encontrás aqui https://www.mercadopago.com.ar/developers/es/guides/online-payments/checkout-api/handling-responses

• Tarjetas de Pruebas: Podes testear la integración con las tarjetas que provee Mercado Pago en su documentación.

Para mas info sobre test, ingresá aqui https://www.mercadopago.com.ar/developers/es/guides/online-payments/checkout-api/testing

• Documentación oficial Mercado Pago: https://www.mercadopago.com.ar/developers/es/guides/online-payments/checkout-api/introduction

• Librería react-credit-cards: Link hacia la documentación oficial del paquete utilizado en la UI de la tarjeta de crédito https://www.npmjs.com/package/react-credit-cards

El proyecto está realizado para que sea utilizado y mejorado abiertamente por quien lo considere necesario. Si considerás que tenés una mejora, no dudes en dejar tu pull request