-
Notifications
You must be signed in to change notification settings - Fork 8
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Display Transaction Status #9
Comments
@caseywescott I will like to take up this issue |
Hi @Calebux! |
Hi @caseywescott can I be assigned this please? I’m ready to work. |
Hi @ScottyDavies! |
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedAs an experienced Full Stack Blockchain Developer, I'm excited to contribute my expertise to Edition 7 of the OnlyDust hackathons. With a strong background in Next.js, TypeScript, JavaScript, React, Node.js, Solidity, and Cairo, I've honed my technical skills across the blockchain development landscape. How I plan on tackling this issueTo solve this issue, i would : |
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedHey, I am ikem Peter. a fullstack software developer with 3+ years of working experience, I would love to help out with this issue... How I plan on tackling this issue
|
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedI am a Full Stack blockchain Developer with expertise in Next.js, Nest.js, TypeScript, JavaScript, React, Node.js, Three.js, and Solidity. My journey with OnlyDust hackathons began at Edition 1, and I've since made 47 contributions across 11 projects. With my extensive experience on the OnlyDust platform (profile: https://app.onlydust.com/u/Ugo-X), I've honed my skills in delivering quality solutions under pressure. How I plan on tackling this issueUnderstanding the Problem |
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedI am Benjamin, With 3 years of experience as a frontend javascript developer, I am willing to enhance the user experience of p5.ks-mint project by providing clear and responsive transaction status updates for blockchain interactions on Starknet. My goal is to ensure that users are well-informed about the progress of their transactions, from initiation to completion, and can navigate any issues that arise smoothly. How I plan on tackling this issueDesign Transaction Status UI
Integrate with Starknet JS
Transaction Lifecycle Management
Error Handling and Recovery
User Notifications and Alerts
Test Transaction Status Handling
|
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedI'm a Full Stack Web Developer with a solid background in front-end and back-end development. So it will be a pleasure to contribute for the first time to this great project. I am a member of the Dojo Coding community. How I plan on tackling this issue
|
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedI have a solid background in frontend development, particularly in creating intuitive user interfaces that provide real-time feedback. My experience includes integrating blockchain transaction monitoring with web applications, ensuring users are well-informed throughout the transaction process. I’m proficient with Starknet JS and have successfully implemented transaction status tracking and error handling in blockchain projects. This expertise will allow me to design and implement a smooth and responsive transaction status UI that enhances user trust and experience during the NFT minting process. How I plan on tackling this issueTo address this task, I would start by designing a clear and user-friendly transaction status UI, such as a progress bar or notification panel, that provides real-time updates on the transaction stages (pending, confirmed, failed). I would integrate Starknet JS to monitor the transaction lifecycle and implement robust error handling to capture and display any issues. Additionally, I’d ensure that users receive timely notifications and alerts for significant transaction events. Finally, I would test the transaction status handling across different scenarios, devices, and browsers to ensure consistency and reliability. |
I am applying to this issue via OnlyDust platform. My background and how it can be leveragedHello @caseywescott I am Joseph Chimebuka I'm a full-stack software developer with 4+ years of experience in crafting innovative products. I've built a range of projects, including https://mattedsgn.vercel.app/ and https://metacrypt.vercel.app/ showcasing my expertise in React, Next.js, and blockchain technologies. I'm also an active contributor onlydust. here's my account https://app.onlydust.com/u/josephchimebuka. How I plan on tackling this issueThe issue description is described precisely I will ensure I meet all the requirements listed there before sending a PR |
The maintainer caseywescott has assigned Dprof-in-tech to this issue via OnlyDust Platform. |
Increasing Access
Display transaction status that keeps users informed about the progress of their blockchain interactions when minting NFTs on Starknet. This task involves providing real-time feedback on the status of transactions, including initiation, processing, and completion, as well as handling any errors or issues that may arise. Clear and responsive transaction status updates are essential for maintaining user trust and ensuring a smooth user experience.
Feature request details
Tasks:
Design Transaction Status UI:
Create a visual component in the UI to display the transaction status. This could be a progress bar, spinner, notification panel, or modal window.
Design the component to be clear and easy to understand, using color codes, icons, and concise text to convey different stages of the transaction (e.g., pending, confirmed, failed).
Ensure the status display is non-intrusive but easily noticeable, allowing users to continue interacting with the application without disruption.
Integrate with Starknet JS:
Use the Starknet JavaScript SDK to interact with the blockchain and monitor the status of transactions.
Implement functions to listen for transaction events, such as transactionSent, transactionPending, transactionConfirmed, and transactionFailed.
Ensure the SDK integration is robust and can handle different transaction types and states.
Transaction Lifecycle Management:
Implement logic to manage the lifecycle of a transaction, from initiation (when the user clicks the "Mint" button) through to confirmation on the blockchain.
Handle the different stages of a transaction, updating the UI in real-time as the transaction progresses.
Provide detailed information, such as the transaction hash, current block number, and estimated confirmation time, where applicable.
Error Handling and Recovery:
Implement error handling to capture and display issues that may occur during the transaction process, such as network errors, insufficient gas fees, or rejected transactions.
Provide clear error messages that explain the problem and suggest possible solutions, such as retrying the transaction or checking wallet balance.
Allow users to easily retry or cancel transactions if something goes wrong, and ensure that the UI provides guidance on next steps.
User Notifications and Alerts:
Use notifications or alerts to inform users about significant events during the transaction process, such as when the transaction is successfully sent to the blockchain or when it has been confirmed.
Consider using different notification styles for different stages: subtle notifications for pending states and more prominent alerts for success or failure.
Implement sound or vibration alerts (especially on mobile devices) for key transaction events, if possible.
Test Transaction Status Handling:
Thoroughly test the transaction status handling across different scenarios, including successful transactions, failed transactions, and various error conditions.
Ensure that the UI updates reliably and accurately reflects the current transaction status.
Test on different devices and browsers to ensure a consistent user experience.
The text was updated successfully, but these errors were encountered: