Another Simple Typescript/React Project (grab encoded/encrypted value from url and insert into Typescript .ts file)
Budget: $10 – $30 USD
Please take a look at the demo on the following page:
https://solana-pay-tutorial.vercel.app
Connecting a phantom wallet (with some test USDC on Devnet), selecting 1 Box, and clicking on "Checkout" will redirect to the following url:
https://solana-pay-tutorial.vercel.app/checkout?box-of-cookies=1&basket-of-cookies=0
If I decide to append some variables and load up the following url instead:
https://solana-pay-tutorial.vercel.app/checkout?box-of-cookies=0&basket-of-cookies=0&city=Paris&country=France
I'd like to be able to grab the url variables and to make them available for use within the makeTransaction.ts file.
Then, I'd like you to simply encode/encrypt the "box-of-cookies=1&basket-of-cookies=0&city=Paris&country=France" string so that the url could be loaded as follows:
https://solana-pay-tutorial.vercel.app/checkout?Ym94LW9mLWNvb2tpZXM9MCZiYXNrZXQtb2YtY29va2llcz0wJmNvdW50cnk9RnJhbmNl
or as
https://solana-pay-tutorial.vercel.app/checkout?id=Ym94LW9mLWNvb2tpZXM9MCZiYXNrZXQtb2YtY29va2llcz0wJmNvdW50cnk9RnJhbmNl
and then the encrypted variables should be decoded/decrypted and made available for use within makeTransaction.ts
So I would have the option to load either the standard url or encoded/encrypted url and in both cases the variables would be made available inside makeTransaction.ts
The source code for the demo basically consists of React, Web3js, and Typescript and can be downloaded at the following github repo:
https://www.pointer.gg/tutorials/solana-pay-irl-payments
You don't need to complete or set up the entire tutorial and can ignore the "Loyalty Scheme" last section. By copying the full source code examples in the tutorial, you can quickly set it up in about 15-20 minutes.
You can download the Phantom wallet at https://phantom.app
Do not repost or fork your solution back to github as this is a private project.
We are looking for a long-term relationship and have several other projects in the pipeline.
https://solana-pay-tutorial.vercel.app
Connecting a phantom wallet (with some test USDC on Devnet), selecting 1 Box, and clicking on "Checkout" will redirect to the following url:
https://solana-pay-tutorial.vercel.app/checkout?box-of-cookies=1&basket-of-cookies=0
If I decide to append some variables and load up the following url instead:
https://solana-pay-tutorial.vercel.app/checkout?box-of-cookies=0&basket-of-cookies=0&city=Paris&country=France
I'd like to be able to grab the url variables and to make them available for use within the makeTransaction.ts file.
Then, I'd like you to simply encode/encrypt the "box-of-cookies=1&basket-of-cookies=0&city=Paris&country=France" string so that the url could be loaded as follows:
https://solana-pay-tutorial.vercel.app/checkout?Ym94LW9mLWNvb2tpZXM9MCZiYXNrZXQtb2YtY29va2llcz0wJmNvdW50cnk9RnJhbmNl
or as
https://solana-pay-tutorial.vercel.app/checkout?id=Ym94LW9mLWNvb2tpZXM9MCZiYXNrZXQtb2YtY29va2llcz0wJmNvdW50cnk9RnJhbmNl
and then the encrypted variables should be decoded/decrypted and made available for use within makeTransaction.ts
So I would have the option to load either the standard url or encoded/encrypted url and in both cases the variables would be made available inside makeTransaction.ts
The source code for the demo basically consists of React, Web3js, and Typescript and can be downloaded at the following github repo:
https://www.pointer.gg/tutorials/solana-pay-irl-payments
You don't need to complete or set up the entire tutorial and can ignore the "Loyalty Scheme" last section. By copying the full source code examples in the tutorial, you can quickly set it up in about 15-20 minutes.
You can download the Phantom wallet at https://phantom.app
Do not repost or fork your solution back to github as this is a private project.
We are looking for a long-term relationship and have several other projects in the pipeline.