search

Scaffold-Stark / scaffold-stark-2

Open source forkable Starknet dev stack
https://www.scaffoldstark.com
63 stars 85 forks source link

Create a Sample UI for YourContract | Hooks demo #215

Closed 0xquantum3labs closed 3 months ago

0xquantum3labs commented 3 months ago

Issue Overview

Proposed Solutions or Ideas

josephchimebuka commented 3 months ago

Hello @0xquantum3labs, I am software developer with proficiency in JavaScript, React, typescript, node js and Solidity. I have contributed to projects on onlydust here's profile. https://app.onlydust.com/u/josephchimebuka

Here's how I intend on handling this issue 1.Develop an engaging interface that highlights the functionality of various Scaffold custom hooks.

  1. Ensure seamless operation of the UI on both Devnet and Sepolia.
  2. Incorporate as many hooks as possible to thoroughly demonstrate their usage. 4.Design the UI to be intuitive and user-friendly, ensuring a clear and easy-to-follow flow.
  3. Adhere to the specified layout, design, and color guidelines for a cohesive appearance.
Nadai2010 commented 3 months ago

Hi everyone, @josephchimebuka and @Gift-Naomi we are preparing the issues for tomorrow's OD Hach, they will be assigned tomorrow

Remember that you can only work on one issue at a time, choose well

Calebux commented 3 months ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I'm very good at ui design and also double as a front end dev

How I plan on tackling this issue

  1. Design the UI Layout Interactive Components: Forms, buttons, and real-time data displays.
  2. Integrate Scaffold Custom Hooks useScaffoldEvent: Real-time event notifications. useScaffoldContract: Form for contract interactions (read/write). useScaffoldProvider: Display network status and switch networks. useScaffoldWallet: Connect/disconnect wallet UI and display wallet info. useScaffoldTransaction: Send transactions and display their status.
  3. Testing and Deployment Test Thoroughly: Verify functionality on devnet and Sepolia. Open PR: Submit to hooks-example branch with detailed documentation and reviewer instructions.
HumbertoTM10 commented 3 months ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have 4 years working in development environments, specifically with JavaScript and TypeScript mainly, so that gives me a better understanding of the code and how to solve problems efficiently.

How I plan on tackling this issue

First off all, study thoroughly the desing patterns in order to make somwthing really aligned to the project. Then work in the hooks to allow function components to have access to state and other React features.

ScottyDavies commented 3 months ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

As an experienced analyst and blockchain developer with 15 years in the industry. i likely encountered a variety of challenges that these technologies can help address. My technical expertise and problem-solving skills will be valuable assets in leveraging JavaScript, Cairo, and TypeScript.

How I plan on tackling this issue

Set up the project Develop the UI component Integrate the component into the main app Run the development server

ShantelPeters commented 3 months ago

I am applying to this issues via a OnlyDust platform Background and Leverage: As a frontend developer with [3] years of experience in building interactive and responsive UI components, I'm confident in my ability to tackle this challenge. My background in UI/UX design and development has equipped me with the skills to create intuitive and visually appealing interfaces. I'm well-versed in React and custom hooks, having worked on multiple projects that utilize these technologies.

Approach to the Problem:

  1. Research and Planning: I'll start by researching existing Scaffold custom hooks and their use cases to understand the requirements and possibilities.
  2. Design and Prototyping: I'll create a written description and visual mockups of the proposed UI, ensuring it meets the layout, design, and color requirements.
  3. Development: I'll develop the interactive UI sample, integrating multiple custom hooks while maintaining a clear and understandable flow.
  4. Testing and Iteration: I'll test the UI on devnet and sepolia, iterating on the design and functionality based on feedback and results.
  5. PR and Documentation: I'll open a PR to the hooks-example branch, including detailed documentation on the implemented solution and how it works.

Proposed Solution: My proposed solution will involve creating a modular, reusable UI component that showcases the power of Scaffold custom hooks. I'll focus on creating an intuitive flow, demonstrating how multiple hooks can work together seamlessly. The design will follow the specified layout, design, and color guidelines, replacing the existing example UI/home

lauchaves commented 3 months ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hey! I'm Lau Chaves, and I would like to contribute to this issue!

I have over 5 years of experience working with JavaScript, React, and TypeScript, ruby... Im also part of Dojo Coding Costa Rica, I have some experience working and testing between networks, having contributed to another project using Sepolia and Mainnet.

My primary role has been as a front-end developer, and I have a keen eye for detail and a strong focus on mobile-first approaches. I ensure the quality of my work through rigorous QA processes. Additionally, I'm proficient in working with design tools like Figma and Zeplin to follow designs meticulously. I have a solid knowledge of CSS, Sass, and styled-components.

Feel free to check my onlydust profile here and github profile: lauchaves!

How I plan on tackling this issue

Thoroughly review the project specifications and requirements. Clarify any ambiguities with the project leads or other involved parties.

Ensure that every aspect required to be shown in "your contract" section is available and correctly implemented.

Create branch based on hooks-example Develop the new example UI based on the provided specifications. Replace the current example UI in the /home view with the new design. Integrate the Scaffold custom hooks in a way that is both comprehensive and easy to understand.

Follow the layout, design, and color guidelines to maintain consistency. Use the design tool provided to ensure the design is accurately implemented.

Test the new UI on both devnet and Sepolia to ensure compatibility and functionality. Perform thorough self-QA to identify and resolve any issues.

By leveraging my background and expertise, I am confident in delivering a high-quality, interactive UI that effectively showcases the usage of Scaffold custom hooks, I’ll be able to come up with a PR within 3-5 working days!

melnikga commented 3 months ago

I can take this

onlydustapp[bot] commented 3 months ago

Hey @melnikga! Thanks for showing interest. We've created an application for you to contribute to Speedrun & Scaffold Stark. Go check it out on OnlyDust!

Nadai2010 commented 3 months ago

Hi @melnikga, we remind you that you must upload your PR or comments in order to continue with the assigned issue.

melnikga commented 3 months ago

@Nadai2010 Hi, today I will add the first PR

Nadai2010 commented 3 months ago

Thank you very much @melnikga

0xquantum3labs commented 3 months ago

Hi @melnikga , any updates on this PR ?

melnikga commented 3 months ago

@0xquantum3labs Hey, there were some difficulties due to the fact that I work on windows, I am currently working on their solution, I'm sorry for the delay

melnikga commented 3 months ago

@0xquantum3labs Hey, I created a PR, please read the commit, maybe I didn't fully understand what exactly needed to be done