Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DefiFundr - 010: Implement Website Footer #12

Open
6 tasks
shefihu opened this issue Feb 20, 2025 · 12 comments
Open
6 tasks

DefiFundr - 010: Implement Website Footer #12

shefihu opened this issue Feb 20, 2025 · 12 comments
Assignees

Comments

@shefihu
Copy link
Collaborator

shefihu commented Feb 20, 2025

Design Requirements

  • Create a comprehensive footer with brand and navigation elements
  • Include copyright information
  • Add social media links

Link to section: https://www.figma.com/design/S2TNKAU3AqwjshIwp8sbGU/DefiFundr-(Copy)?node-id=2045-48101&t=FAxSBaZa5gRzBG7a-4

Footer Components

Left Side

  • Brand Logo: DefiFundr
  • Copyright Text: "© Untitled 2025 – All Rights Reserved"

Right Side

Navigation Links

  • Features
  • Our Story
  • Testimonials
  • FAQ

Social Media Icons

  • Instagram
  • Facebook
  • Twitter
  • LinkedIn

Technical Specifications

  • React functional component
  • Responsive design
  • Tailwind CSS for styling
  • Semantic HTML structure

Responsive Considerations

  • Mobile: Stacked layout
  • Desktop: Inline layout

Accessibility Requirements

  • Semantic HTML
  • Keyboard navigable links
  • Descriptive social media link labels

Performance Considerations

  • Lightweight icon implementation
  • Efficient link handling
@Akanimorex
Copy link

Hello , I am a prolific frontend engineer with a record of keeping to time on my deadlines. I believe it is evident on my past contributions to web3 projects on onlydust.

I'd love to handle this issue. I can have a draft pr sent in few hours if granted.

ETA: 24 hours

@raymondjoseph02
Copy link

Can I try solving this issue?

@xJeffx23
Copy link

Hello Team 👋

My Background

I'm Jefferson, a software engineering student and an active member of the Dojo Coding community.
I have experience in frontend development, responsive design, and working with React and Tailwind CSS.
Previously, I contributed to frontend issues focusing on UI components and improving user experience.


How I Plan to Solve It 🚀

I will implement the DefiFundr Footer using a structured React functional component and Tailwind CSS for styling.
The footer will include brand elements, navigation links, and social media icons, ensuring accessibility and responsiveness for both mobile and desktop layouts.


Why I'm a Good Fit ✨

With my experience in UI development, semantic HTML, and performance optimization,
I’m confident in delivering a well-structured and accessible footer that aligns with the project's design.

Looking forward to collaborating!

Best regards,
Jefferson

@IamEnergyI
Copy link

To implement the website footer, I’ll design a layout that includes brand elements, navigation links, copyright information, and social media icons. Using HTML, CSS, and JavaScript, I’ll develop the footer, ensuring it’s responsive, accessible, and functional across devices. After thorough testing, I’ll integrate it into the website and verify all links and features work correctly.

Assign me

@arebisola
Copy link

Hey everybody I am Arebisola I am very excited to contribute to this project.
So this is a summary of my work model

  1. I'll Create Footer as React Component:

Use React functional component to build the footer.
Style using Tailwind CSS.
2. Responsive Layout:

Mobile: Stack elements vertically.
Desktop: Align elements horizontally.
3. I will add Links:

Create navigation links and social media icons with anchor tags.
Use descriptive labels for social media links (e.g., aria-label="Instagram").
4. Accessibility:

Make links keyboard navigable and ensure good contrast for readability.
5. Performance:

I will use lightweight SVGs or icons for faster loading to ensure quick and smooth page loading.

@KedwithGod
Copy link

I am a React developer skilled in JavaScript and TypeScript, building scalable and efficient web applications. I specialize in creating dynamic UIs with modern frameworks, ensuring smooth user experiences. With a focus on clean code and performance optimization, I integrate APIs and state management seamlessly. Kindly assign me to this, thank you

@1nonlypiece
Copy link

Ready to Take This On! 🚀

Hey there! I’d love to take on this task and bring my expertise to the table.

💡 Why I’m a Great Fit

  • Deep StarkNet & Cairo Knowledge – Experienced in writing secure and optimized smart contracts.
  • Full-Stack Proficiency – Skilled in Rust, Node.js, Prisma for backend and React, Next.js for frontend.
  • Clean & Scalable Code – I follow best practices to deliver maintainable, optimized, and security-focused solutions.

⏳ My Plan

I can complete this within 24 hours, ensuring all necessary updates are made and tested.

Would love to move forward—let me know what you think! 🚀

@nikkybel
Copy link

Could I be assigned to this?

@ogazboiz
Copy link

I'm a first-time contributor and really excited about the opportunity to contribute to OnlyBuild

@SudiptaPaul-31
Copy link

Hi would love to work on this

My name is Sudipta Paul a fulllstack and blockchain developer with experience of more than two years and have worked on many opensource projects too

ETA: 1day

@Jagadeeshftw
Copy link

Hi, I’d love to take on this issue! With my expertise in Cairo, StarkNet, and smart contract development, I can implement a clean and efficient solution.

🚀 Why Me?

  • Proven Blockchain Experience – Hands-on work with StarkNet, Solidity, and Rust, building secure and optimized smart contracts.
  • Open Source Contributor – Actively contributed to 30+ open-source projects, showcasing adaptability and collaboration.
  • Efficient & Reliable – I deliver high-quality, production-ready solutions quickly, ensuring security and scalability.

Timeline

I estimate completing this within 1 day. Let me know if I can proceed!

🌐 My Profile

Check out my OnlyDust profile for more insights: Jagadeeshftw on OnlyDust

Looking forward to contributing. 🚀

@MaryammAli
Copy link

hi @shefihu , am a new contributor, i have gone though the design and understand how to implement the footer, i would like to contribute to your project , my experiences include, Next, nest js, react, javascript, tailwindcss, mongoDB, react-native.

@shefihu shefihu assigned nikkybel and unassigned nikkybel Feb 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

14 participants