Dprof-in-tech commented 2 days ago

https://www.figma.com/design/iW3cyAME5y74CegO0726ki/peer.protocol-quests?m=auto&t=SCxMYzYz92hgX4z3-1

here's the link to the figma and your job is to replicate exactly the quests welcome page. The side bar is already built out and can be found in the /frontend/app/app folder. kindly import it and add a nav link to the quests welcome page. Don't forget to make it mobile responsive too..

Criteria to be assigned:

follow the guidelines as given in the Od Hackers community group and dont forget to provide an ETA when applying

martinvibes commented 2 days ago

Could I grab this task? i'm a frontend dev and i would love to take on this issue kindly assign :) This is my onlydust profile https://app.onlydust.com/u/martinvibes

ETA: 24HRS

omsant02 commented 2 days ago

i would like to take this issue @Dprof-in-tech

i have already contributed on this repo and have knowledge of codebase, also i have knowledge of nextjs and page router ETA : 12 hrs Thank you

CollinsC1O commented 2 days ago

May I take care of this?

wheval commented 2 days ago

Hello @Dprof-in-tech, I'm Wheval a frontend developer with multiple experiences working with Nextjs and TypeScript. Can i work on this?

I would ensure I create a pixel-perfect replica of the Figma. I would also ensure it is responsive and follows the current structure of the codebase.

ETA is 2 days.

Benjtalkshow commented 2 days ago

I'd like to handle this task. This is my first time contributing this project. 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.

0xdevcollins commented 2 days ago

Could I grab this task?

My Background I am a Full Stack Blockchain Developer with proficiency in Solidity/Rust, Next.js, TypeScript, React, and Node.js. I've demonstrated my ability to adjust to a variety of requirements, perform well under pressure, and reliably produce user-centric blockchain solutions with 46 significant contributions spread over 10 OnlyDust projects.

ETA: 24hrs

ShantelPeters commented 2 days ago

I’d like to work on this. I am web3 developer and would love to contribute to this community ETA: 2 DAYS.

Akshola00 commented 2 days ago

I’d love to work on this task.

Aditya-040 commented 2 days ago

May I pick this up? I am a fullstack developer love to contribute on this

Tzienom commented 2 days ago

Hi, my name is Gabriel and I'll be working on issue #48.

I can have this task completed in 3 days whilst ensuring that it is well functional and responsive.

jancris100 commented 2 days ago

Could I grab this task? Im from dojo coding I have two years of experience as full stack developer im actually work with figma to mobile apps

Michaelkingsdev commented 2 days ago

Can I be assigned to this? I am an experienced frontend developer with 3 years of experience. This is my first time contributing to this project.

melnikga commented 2 days ago

Can I contribute to this one? Hi, my name is Georgiy, I'm a fullstack blockchain developer. I have extensive experience in developing tools for Starknet, and I've participated in almost all ODHacks, during which I worked on many projects. My OnlyDust profile: https://app.onlydust.com/u/melnikga ETA: 2 days

ONEONUORA commented 2 days ago

Can I be assigned to this?

LazarusAA commented 2 days ago

Hi! I'm Alvaro Lazarus, a developer from Dojo Coding ⛩️ with experience in both front-end and back-end development, and I would love to tackle this issue. With my proficiency in TypeScript, JavaScript and experience working on the front-end aspects of my last few hackathons, I'm confident that I can contribute to this project efficiently.

My workflow:

Mimic the design from Figma
Follow assigned criteria
Ensure responsiveness on mobile

ETA: 48 hrs

austineblaise commented 2 days ago

To replicate the Quests Welcome page, I will review the Figma design to ensure an exact match for layout and styling. I’ll add a nav link to the sidebar that leads to the Quests Welcome page and ensure the page is mobile responsive using media queries. I will follow the community guidelines and provide an ETA when applying. I look forward to contributing to the project!

Amarjeet325 commented 2 days ago

I'd like to take this issue.

vestor-dev commented 2 days ago

hey sir I'd like to handle this task. i'm a frontend developer and a blockchain dev i would really love to contribute to your project please kindly assign :)

Supa-mega commented 2 days ago

Is this issue still available?

JoelVR17 commented 2 days ago

I'm Joel Vargas, and I'm a Frontend Developer

Dojo Coding 🔥

Implement Quests Welcome Page

Description

Replicate the Quests Welcome Page as per the Figma design provided. Ensure the page matches the design perfectly and is fully responsive. Import the pre-built sidebar from /frontend/app/app and include a navigation link to the Quests Welcome Page in the sidebar.

Requirements

1. Page Layout

Recreate the Quests Welcome Page based on the Figma design.
Integrate the pre-built sidebar into the page layout.
Add a navigation link to the Quests Welcome Page in the sidebar.

2. Responsive Design

Ensure the page is responsive across all screen sizes:
- Desktop
- Tablets
- Mobile devices

3. Design Consistency

Match the Figma design, ensuring:
- Accurate typography
- Consistent spacing and colors
- Button styles with hover effects

4. Functional Components

Implement all interactive elements such as:
- Navigation links
- Buttons
- Animations or transitions (if applicable)

Tasks

Setup
- Import the sidebar from /frontend/app/app.
- Add a navigation link to the Quests Welcome Page in the sidebar.
Layout
- Create the structure of the Quests Welcome Page as shown in the Figma design.
Styling
- Apply styles to replicate the Figma design exactly.
- Include hover states, animations, or transitions as per the design.
Responsiveness
- Use CSS or responsive frameworks to ensure the page adapts to all screen sizes.
Testing
- Verify the layout and functionality across devices and browsers.
Final Review
- Ensure the design matches the Figma mockup pixel-perfectly.
- Validate that the navigation link is working correctly.

ETA

Estimated timeline for completion:

Sidebar integration and navigation link: ~1 hour
Layout and structure: ~3 hours
Styling and animations: ~3-4 hours
Responsiveness and testing: ~2-3 hours
Final review and fixes: ~1 hour

Total ETA: ~9-12 hours depending on complexity.

Acceptance Criteria

The Quests Welcome Page matches the Figma design exactly.
The page is fully responsive and works across all devices.
The sidebar is functional with a navigation link to the Quests Welcome Page.
The implementation follows the Od Hackers community group guidelines.

Additional Notes

For any clarifications, refer to the Od Hackers community guidelines or contact the project manager.

akintola4 commented 1 day ago

Can I handle this task?i would love to build it , this is my twitter account for my works https://x.com/photofola and a link to my recent two works for designers i work with. (https://ooido-kc4l.vercel.app/) & (https://webfleets.vercel.app/)

Kaminar-i commented 1 day ago

Can I handle this task?

SudiptaPaul-31 commented 1 day ago

May I take this issue on?

My approach:

Will verify the figma file and make the designing accordingly and making sure that its responsive the mobile view should like the one in the figma file.

ETA-2Days

aspiringLilCoder commented 1 day ago