Oshioke-Salaki commented 3 days ago

Description: Develop an AMM Swap interface component as per the design provided in the FIGMA FILE along with all it’s variants. The component should have support for all available tokens within the Starknet ecosystem.

Requirements:

Design: Follow the provided Figma design precisely for both light and dark mode. Ensure that the component is fully responsive across different screen sizes.
Style Guide: Adhere strictly to the project’s existing style guide for consistency in UI and UX.
Functionality: The component should be fully functional, allowing users to seamlessly switch networks.

After building the component, create a sub-route in the preview route for the component and display each of it’s variant for easy testing.

Guidance: There is an already implemented Connect Button component which can serve as a reference for styling, functionality and previewing.

Note: No other external dependencies should be installed other than the ones already provided.

petersdt commented 3 days ago

@Oshioke-Salaki can i be assigned this issue

NueloSE commented 3 days ago

@Oshioke-Salaki kindly assign

ShantelPeters commented 3 days ago

Hello @Oshioke-Salaki please can I work on this issue ?

martinvibes commented 3 days ago

hello @dmirgaleev i am a frontend dev and blockchain developer please can i work on this issue :) and would love to be a contributor

onlydustapp[bot] commented 3 days ago

Hi @ShantelPeters! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

CollinsC1O commented 3 days ago

Hello @Oshioke-Salaki I will love to work on this please

onlydustapp[bot] commented 3 days ago

Hi @martinvibes! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

onlydustapp[bot] commented 3 days ago

Hi @petersdt! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

onlydustapp[bot] commented 3 days ago

Hi @CollinsC1O! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

onlydustapp[bot] commented 3 days ago

Hi @dev-chinx! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

onlydustapp[bot] commented 3 days ago

Hi @dev-chinx! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

Ugo-X commented 3 days ago

hello @Oshioke-Salaki I would like to work on this.

I will develop an AMM Swap interface component for Starknet as follows:

I will study the Figma design, focusing on all variants and both light/dark modes.

I will create a responsive React component using TypeScript and Tailwind CSS, adhering to the project's style guide.

I will implement state management for token selection, amount input, and network switching.

I will integrate the existing Connect Button and add functionality for all Starknet ecosystem tokens.

I will create component variants as per the Figma design, using React props for different states.

I will set up a preview sub-route to showcase all component variants for testing.

I will ensure the component works without additional external dependencies.

I will test thoroughly across different browsers and devices.

onlydustapp[bot] commented 3 days ago

Hi @Ugo-X! Maintainers during the ODHack # 8.0 will be tracking applications via OnlyDust. Therefore, in order for you to have a chance at being assigned to this issue, please apply directly here, or else your application may not be considered.

Oshioke-Salaki commented 3 days ago

Okay @Ugo-X i will give it to you 🚀

Ugo-X commented 3 days ago

Okay @Ugo-X i will give it to you 🚀

alright ser, will get to it.

Oshioke-Salaki commented 3 days ago

Hello guys, everyone needs to apply for issues via, The OnlyDust Platform. So please do that and i will assign. Only applications done via OD will be considered.

Ugo-X commented 3 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a Full Stack Developer with expertise in Next.js, Nest.js, TypeScript, JavaScript, React, Node.js. My journey with OnlyDust hackathons began at Edition 1, and I've since made 69 contributions across 14 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.

I bring a unique blend of technical proficiency and user-focused design to every project, whether it's crafting immersive 3D experiences or developing smart contracts. My track record shows I can adapt quickly and contribute effectively to diverse challenges.

As we surf through Edition 8, I'm excited to leverage my skills and hackathon experience to push the boundaries of blockchain development. I'm confident in my ability to tackle new challenges and drive innovation in this space.

How I plan on tackling this issue