Move Filters next to the Product List

[danielcdz]

📘 Description

Relocating the filters from the hamburger menu to a more visible location next to the product list will improve usability by allowing users to quickly refine their search results without additional navigation. This change ensures the filters are more accessible, responsive, and integrated with the product list layout.

🔢 Steps

1. Move the existing SidebarComponent from the marketplace page to a new file named filters.tsx in the components/marketplace directory. If the directory does not exist, create it.
2. Rename the component to Filters.
3. Adjust the layout so the filters appear next to the product list.
4. Verify that the filters remain fully functional after relocation.
5. Ensure the design is responsive and visually cohesive with the rest of the Marketplace interface.

✅ Acceptance Criteria

• The filters should be located next to the product list in the Marketplace.
• The filters must remain functional after relocation.
• The design must be responsive and consistent with the Marketplace interface.

🌎 References

Not applicable.

📜 Additional Notes

⚠ Do not apply until the ODHack begins.
⚠ Read our guidelines before applying.

[0xdevcollins]

Is this issue still available?

[mimisavage]

May I take care of this?

[BigBen-7]

This would work perfectly if it has me on it?
can I work on it?

[Supa-mega]

May I take this issue on?

[khayss]

I’d like to resolve this.

I am a fullstack developer. I can work on frontend applications using ReactJS, NextJS, TypeScript, TailwindCSS and vanilla CSS.

[lauchaves]

hey Lau here, can I take this issue? Im part of dojo coding, and have been contributing to this project !

I have over 5 years of experience working with js, react, ts, etc. Im learning web3 so this would help me to keep doing it

Id make sure the filters are set in a better position, match designs, its responsive, and works as expected.

[Benjtalkshow]

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 49 contributions to over 17 projects in the OnlyDust ecosystem, solving complex issues and delivering efficient, scalable solutions.

I can handle this task.
ETA is 3days.

[Michaelkingsdev]

I would love to tackle this issue. My ETA is 3 days. Thanks

[Bran18]

Hello Team,

My name is Brandon Andrey Fernandez, and I am part of the Dojo Coding Community ⛩️💻 and https://bitcash.org/en. I’m excited about the opportunity to contribute to your project during Only Dust Hackathon #12! 🚀

I am a full-stack developer with experience in Web3 and blockchain technologies, particularly in projects involving smart contracts, AI integration, and decentralized solutions. I have worked on a large number of web3 projects and solutions as for example:

https://masterbots.ai/
https://bitlauncher.ai/en

I am interested in this specific issue because it combines my passions: blockchain, AI technology, and modern web development. I am motivated by the opportunity to improve my skills and contribute to the project. I have participated in hackathons like ODH and other web2 based hackathons.

During the hackathon, I can dedicate approximately 5h min hours per day to working on this issue. I am committed to active collaboration, delivering high-quality code, and maintaining open communication with the team.

You can find my profiles and links here:

• GitHub: https://github.com/Bran18?tab=repositories
• OnlyDust: https://app.onlydust.com/u/Bran18
• LinkedIn: https://www.linkedin.com/in/brandonfdez18/

Thank you for considering my application. Please let me know if you have any questions or need any additional information.

[abdegenius]

Can I take this issue?

[Ekene001]

Hello I'm Ekene, a frontend and blockchain developer. This is my first time contributing to this repository, and I’m excited about the opportunity to collaborate and bring my skills to the table. Looking forward to making a positive impact and working with the team!

heres how i'll tackle this task:
I will relocate the filters from the hamburger menu to a more prominent position next to the product list to improve usability and accessibility. First, I will move the existing SidebarComponent to a new file named filters.tsx within the components/marketplace directory, creating the directory if necessary. I will rename the component to Filters and adjust the layout so the filters integrate seamlessly with the product list. After ensuring the filters remain fully functional, I will verify that the design is responsive and aligns with the overall Marketplace interface.

ETA: 2days

[ShantelPeters]

Can I work on this, please?

[PedroCo3lho]

Can I be assigned to this?
I’m a full-stack developer with a solid understanding of TypeScript, Next.js, and TailwindCSS. The requirements are clear to me.
I’m looking forward to your approval and would love to work on this issue.

[Jagadeeshftw]

Hello @danielcdz , I’d love to work on this issue as I have strong experience with front-end development.

My Approach:
1.To address this issue, I will relocate the SidebarComponent to a new Filters component in components/marketplace/filters.tsx.
2. I will integrate the filters alongside the product list, ensuring a responsive design while retaining full functionality.

Please assign this to me, and I’ll deliver an efficient and secure PR within 12-24 hours.

[RareMmemshima]

May I take this issue on?
I'm a frontend and smart contract developer. I have a solid background with react, tailwind, nextjs, javascript, typescript, cairo ETC.
I will implement this task as expected.
I'm new to onlydust and i look forward to contributing to this project.

[BrunoAmbricca]

I would like to work on this issue

[portableDD]

Hi, i am Emmanuel Dorcas, a software developer with React js and Typesrcipt
my estimated day is 1 day
how I will tackle it:

I will move the SidebarComponent and renamed it to filter into a filter.tsx file.
i will adjust the layouts for it to show on the product page, then I work on responsiveness using tailwind CSS and make sure to retain the funtionality

[kayceeDev]

@danielcdz if there is no PR yet, can I take on this?

ETA is 4HRs