Implement checkout process

[brolag]

Build a secure and user-friendly checkout flow for completing purchases.

• Steps:

  1. Create a multi-transaction checkout flow

• Acceptance Criteria: Users can complete their purchase through their wallet and should be able to pay using ETH, USDC, STRK or BTC, including payment confirmation.

[0xdevcollins]

Hello @brolag,

I am Collins Ikechukwu, and I am eager to take on this task. With 4 years of experience as a full-stack JavaScript developer, I have a strong background in developing frontend web applications, particularly using Next.js. I’ve contributed to OnlyDust in projects involving Next.js, Cairo, TypeScript, and JavaScript. I’m confident that I can handle this task effectively and would be grateful if you could assign it to me.

[onlydustapp[bot]]

Hey @devcollinss! Thanks for showing interest. We've created an application for you to contribute to Cofiblocks. Go check it out on OnlyDust!

[muguika]

The Checkout Process in FIGMA

https://www.figma.com/design/E1g5hbzFkp0EAcBIc1SxSG/Delivery-(UI)?node-id=2-10

[0xdevcollins]

Can I be assigned this issue?

[Benjtalkshow]

@brolag I am really interested in contributing to this amazing project. i have really gone through the repo and other open issues and this issue caught my attention. I am confident that i can tackle this issue seamlessly. I am a Full Stack Developer with extensive experience in blockchain development, specializing in Next.js, TypeScript, Node.js, and Rust and Cairo. With over 31 contributions across projects in the OnlyDust ecosystem, I’ve developed a strong proficiency in delivering high-quality solutions and tackling complex issues under tight deadlines. My experience spans frontend, backend and a deep understanding of optimizing and maintaining scalable codebases.

I will be glad if this task is assigned to me. Thanks

[juanpredev13]

@brolag
This project looks amazing! I am interested in contributing, and here is how I would approach it using this flow example:

Step 1: Cart Summary — Displayed Items, Total Cost, Payment Tokens (STRK, USDC, ETH, BTC)

Step 2: Connect Wallet — Users open up the wallet options after they press "Connect Wallet." Once the devices are linked, you will get a ‘Pay’ button.

Step 4: Choose a crypto — Users select a crypto and can see an up-to-date price along with the fees embedded

Step 5: Confirm Payment — Users click Confirm Payment to complete the transaction using their wallet.

Step 6: Transaction confirmation page containing Transaction ID and Permanent link to view transaction on the Blockchain

[brolag]

@juanpredev13 assigning this to you.