### Navigate and Start React App Source: https://paystack.com/docs/guides/accept_payments_on_your_react_app Change directory into the newly created app and start the development server. ```bash cd react-paystack-checkout yarn start ``` -------------------------------- ### Install Vue CLI Source: https://paystack.com/docs/guides/accept_payments_on_your_vue_app Install the Vue command-line interface globally using npm or yarn. ```bash npm install -g @vue/cli # OR yarn global add @vue/cli ``` -------------------------------- ### Install and Run MCP Server Source: https://paystack.com/docs/developer-tools/mcp-server Install and run the Paystack MCP Server using npx. Ensure you have Node.js v18+ and your Paystack test secret key. ```bash npx @paystack/mcp-server --api-key sk_test_your_key_here ``` -------------------------------- ### GET /product Source: https://paystack.com/docs/api/product List products available on your integration. ```APIDOC ## GET /product ### Description List products available on your integration. ### Method GET ### Endpoint /product ``` -------------------------------- ### GET /plan Source: https://paystack.com/docs/api/plan List plans available on your integration. ```APIDOC ## GET /plan ### Description List plans available on your integration. ### Method GET ### Endpoint https://api.paystack.co/plan ``` -------------------------------- ### GET /storefront/:id/product Source: https://paystack.com/docs/api/storefront Lists all products currently in a storefront. ```APIDOC ## GET /storefront/:id/product ### Description List the products in a storefront. ### Method GET ### Endpoint /storefront/:id/product ### Parameters #### Path Parameters - **id** (Integer) - Required - The storefront ID ### Headers - **authorization** (String) - Required - Set value to Bearer SECRET_KEY ### Response #### Success Response (200) - **status** (boolean) - Success status - **data** (Array) - List of products #### Response Example { "status": true, "message": "Products retrieved", "data": [ { "id": 2196244, "name": "Sample Product", "description": "A sample product", "price": 10000, "currency": "NGN", "active": true } ] } ``` -------------------------------- ### Install react-paystack Library Source: https://paystack.com/docs/guides/accept_payments_on_your_react_app Add the react-paystack library to your project dependencies using yarn. ```bash yarn add react-paystack ``` -------------------------------- ### Installation Source: https://paystack.com/docs/developer-tools/android-sdk Add the Paystack Android SDK dependency to your app-level build.gradle file. ```APIDOC ## Installation To use the SDK, add the `paystack-ui` in the `dependencies` block of your app-level build file: ##### Latest dependency version You should check Maven Central to get the latest version before installation. * build.gradle ```groovy 1dependencies { 2 implementation 'com.paystack.android:paystack-ui:0.0.9' 3} ``` Ensure you sync the project to download the SDK into your project. On successful installation, you’d have access to the UI components and methods to accept payment in your Android app. ``` -------------------------------- ### Include Paystack Popup JS via CDN Source: https://paystack.com/docs/payments/accept-payments Add the Paystack Popup Javascript library to your frontend application using a CDN link. This is the simplest way to get started with the Popup integration. ```html