search

KaizeNodeLabs / SafeSwap

A safe marketplace for buyers and sellers
MIT License
3 stars 16 forks source link

Add connect to wallet button in marketplace page #13

Open danielcdz opened 3 days ago

danielcdz commented 3 days ago

📘 Issue Description

thiagoulloa commented 3 days ago

I would like to work on this. Can I be assigned? I'm a fullstack developer with experience in Web3 projects

PedroCo3lho commented 3 days ago

Hi @danielcdz, I’m looking to contribute to Stellar projects, and I’d like to work on this issue. I can also create a PoC integrating the Stellar Wallets Kit. Please let me know if I can take this on. Thank you!

khayss commented 1 day ago

I’m interested in this one.

Background and Relevant Experience

With my background in frontend development, I’ve built wallet connection features and ensured consistent user interfaces across platforms.

Plan for Tackling the Issue

BrunoAmbricca commented 1 day ago

I would like to work on this issue

Benjtalkshow commented 1 day ago

I'd like to handle this task. I am a Full Stack Developer with a strong background in blockchain and extensive experience in Next.js/React, TypeScript, and Rust. I’ve made over 45 contributions to over 15 projects in the OnlyDust ecosystem, solving complex issues and delivering efficient, scalable solutions.

MY ETA is 48hrs. Thanks

anonfedora commented 1 day ago

Hi I'm Eleazar, a fullstack Blockchain developer, I can implement the button to connect the marketplace page.

ETA: 48 Hours

derianrddev commented 1 day ago

My Background and How It Can Be Leveraged Hello, my name is Derian Rodríguez. I am a passionate software engineer with over one year of experience. I am part of the Dojo Coding Community and have been actively contributing to open-source projects through OnlyDust. I have experience in frontend development using JavaScript/TypeScript, React, and Next.js. I would love to contribute and support the development of this project.

How I Plan on Tackling This Issue I will add the same button that is on the landing page. I will ensure the button displays correctly.

josephchimebuka commented 1 day ago

Hello I am Joseph I am a frontend developer and blockchain developer and I am also an active contributor here on only dust here is my profile https://app.onlydust.com/u/josephchimebuka. This is my first time to contribute to this repo ill appreciate the opportunity to contribute. this is a couple of frontend and blockchain projects i have built https://metacrypt.vercel.app/ https://mattedsgn.com/ May I try this one?

Supa-mega commented 1 day ago

I'd like to handle this task.

zintarh commented 1 day ago

May I take care of this?

Jemiiah commented 1 day ago

Hello I'm a frontend developer in web3 I have contributed in previous OD Hacks i have made over 70+ contribution in past OD Hacks I intend in solving this issue with the following approach :

I will review the implementation of the "Connect Wallet" button on the landing page. This includes inspecting the styles, classes, and any custom components or libraries (e.g., TailwindCSS, React components) used to create it.
I'll check if the button is built as a reusable component. If not, I will modularize it to ensure it can be reused across multiple pages.

Step 2: Place the Button in the Marketplace Page
I'll navigate to the marketplace page's codebase and determine the correct location to place the button, likely near the header or a prominent section to maintain consistency with the landing page's design.
If the button is reusable, I'll simply import the component and include it in the marketplace page's layout. For example:

import { ConnectWalletButton } from "@/components/ConnectWalletButton";

const Marketplace = () => {
  return (
    <div>
      {/* Existing marketplace content */}
      <header>
        <ConnectWalletButton />
      </header>
      {/* Additional content */}
    </div>
  );
};

export default Marketplace;

Step 3: Styling for Consistency I'll confirm the button's appearance on the marketplace page matches the design on the landing page. TailwindCSS (if used) will help me quickly replicate the same styling without duplicating too much code. Example:


  Connect Wallet
</button>```

Step 4: Responsiveness
I’ll ensure the button remains responsive across all screen sizes, just like on the landing page. This involves testing it at various breakpoints (sm, md, lg) to confirm it behaves as expected.

Step 5: Testing
I'll preview the marketplace page to confirm the button is visible and styled correctly.
Even though the button isn't functional yet, I'll test its placement and ensure it doesn't interfere with other components or break the layout.

Step 6: Documentation
I’ll document the changes in the codebase, specifying that the button was added for consistency and is not yet functional. This will make it easier for the next developer to hook it up to a wallet connection library.
Unickhub commented 1 day ago

Can I take this from here?

akintewe commented 1 day ago

Hello can i be assigned this issue, i am a new contributor with experience in typescript would love to work on this , my ETA is >4 Hours and ill create a draft PR in 2 hours time. Thank you for this opportunity. :)

josephpdf commented 1 day ago

Hi! @danielcdz I'm Joseph Poveda, I'm a member of the Dojo Coding community. A bit about my background is that I'm just starting out with Only Dust and I want to contribute as much as I can to the project. My knowledge of different programming languages ​​will allow me to better solve problems. To solve this issue I will:

  1. Identify the Button Component:
    • Locate the existing wallet connect button component used on the landing page.
  2. Reuse the Component:
    • Reuse the same button component in the marketplace page to ensure consistency.
  3. Update the Marketplace Page:
    • Add the button component to the marketplace page layout.
  4. Ensure Styling Consistency:
    • Verify that the button styling matches the design on the landing page.
  5. Test the Placement:
    • Check the placement of the button on the marketplace page to ensure it fits well with the existing layout.
ShantelPeters commented 1 day ago

I’d like to help with this.

Michaelkingsdev commented 1 day ago

Can I be assigned to this? I am an experienced frontend developer with 3 years of experience.

MullerTheScientist commented 1 day ago

I am a full-stack developer with experience in QA testing and languages like Python, Cairo, Solidity, React, and JavaScript. can i please address this task

LeonM95 commented 1 day ago

Hello,

My name is Leo, and I'm a junior software developer from Costa Rica. This will be my first Hackathon, and I am excited to apply for this issue.

I have experience working with C#, JavaScript, Node.js, some TypeScript, CSS and HTML. I believe this issue will be a fantastic opportunity to enhance my coding/design skills.

Currently, I am also learning about Web3 technologies.

Thank you for considering my application.

Best regards,
Leo