Skip to content

Customizations to the Adyen web drop-in and components for sessions and advanced flow

License

Notifications You must be signed in to change notification settings

gaylem/adyen-checkout-sandbox

 
 

Repository files navigation

👋 This is my personal sandbox for practicing Adyen integratons! 👋

The Adyen logo

If you're looking for the libraries/plugins source code, visit the main Adyen GitHub page. You can also find example integrations in the adyen-examples repo.

📜 Documentation

👩‍💻 Dropin Challenges

If you'd like to create a sandbox like mine, here's how you can get started:

  1. Fork and clone the AdyenCheckoutJS repo.
  2. Create a free Adyen test account and set up your Merchant Account, API Key, and Client Key. Check out this YouTube video for a walk-through.
  3. Create a .env file in your repo and add the following variables:
MERCHANT_ACCOUNT=YOUR_TEST_MERCHANT_ACCOUNT
CHECKOUT_APIKEY=YOUR_API_KEY
CLIENT_KEY=YOUR_CLIENT_KEY
  1. If you're using PHP, spin up your server with ./start.sh. If you're using NodeJS, you'll need to npm install.
  2. Open the DROPIN_CHALLENGES.md file and work through the challenges listed there.
  3. Only reference the solutions in my repo if you get really stuck or want to check your work!
  4. Review the Adyen docs and create your own challenges to better understand payment processing.
  5. When you're done, move on to the challenges below!

More Challenges

About

Customizations to the Adyen web drop-in and components for sessions and advanced flow

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 48.8%
  • HTML 32.5%
  • CSS 10.1%
  • PHP 8.4%
  • Shell 0.2%