search

Tico4Chain-Coders / POC-Trustless-Work

POC of a decentralized application (dApp) to enhance trust in agency-client relationships using blockchain. It enables trustless payments via smart contracts, securing funds in escrow until milestones are approved by clients. Stablecoins like USDC are used to ensure stability and ease of use.
5 stars 10 forks source link

frontend: Create a footer #25

Open JoelVR17 opened 2 days ago

JoelVR17 commented 2 days ago

Issue - Create Footer

You must apply through OnlyDust. If not, you'll be ignored

Description:

Design and implement a new footer for the application. The footer should include specific information and links, and support both light and dark themes. Ensure the layout matches the provided structure.

Requirements:

  1. Create a footer component with the following elements:
    • Logo
    • Email address
    • Website URL
    • Team members list: Joel Vargas, Armando Cortés, Caleb Loría, and Alberto Chaves
    • Social network links: LinkedIn and X (formerly Twitter)
    • "All rights reserved" statement with the current year
    • Same links as in the header section
  2. Ensure the footer is styled to support both light and dark themes for visual consistency across the application.

Example

Image

Validations:

  1. Verify that all required elements (logo, email, website, team members, social links, etc.) are displayed in the footer.
  2. Check that the "All rights reserved" statement updates to the current year dynamically.
  3. Confirm that the footer links match those in the header and function as expected.
  4. Ensure the footer is responsive and adjusts well in both light and dark themes.
  5. It should works on light / dark mode.
  6. Must be fully responsive.

Tests:

  1. Test each link in the footer to ensure they are functional and lead to the correct destinations.
  2. Verify the appearance of the footer in both light and dark themes, ensuring readability and visual harmony.
  3. Confirm that the current year displays correctly within the "All rights reserved" section.

Recommendation:

Consider organizing the layout to make key information easily accessible, and apply clear typography for better readability in both themes.

⚠️ Please follow the guidelines for requesting an issue, launching commits, and describing PRs. Otherwise, they will be ignored. ⚠️

mexes20 commented 1 day ago

Could I take over this issue? I'm a Software developer with three years of experience.

Benjtalkshow commented 1 day ago

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.

Let me work on this issue and deliver in the next 12 hrs

mariocodecr commented 1 day ago

Hii! My name is Mario Araya, I’m a Software Developer with 2+ years of experience. I have worked with backend technologies such as Cairo, Java, and C#, as well as frontend development using React, NextJS, and JavaScript/TypeScript. I’ve made contributions to open-source projects, completed a Starknet Bootcamp, exercises on NodeGuardians, finished Starklings, and participated in multiple hackathons. I’m also a member of the Dojo Coding community here in Costa Rica.

I will create a responsive footer with the required elements (logo, email, website, team members, social links, and "All rights reserved" with the current year), ensuring it supports both light and dark themes. I'll test link functionality and visual consistency across themes.

petersdt commented 1 day ago

Let me handle this issue!

I have experience using Typescript

I would create a footer component and import the footer component where necessary for uniformity across the multiple pages.

CollinsC1O commented 1 day ago

Hello @JoelVR17 Can I be assigned to this? I'm a front-end developer and can get this done asap

martinvibes commented 1 day ago

Can I take care of this issue? i'm a frontend dev, and a blockchain dev kindly assign :)

Michaelkingsdev commented 1 day ago

May I handle this issue? I am an experienced frontend developer with 3 years of experience.

Bran18 commented 1 day ago

Hello there. I’m Brandon, part of the ⛩️ Dojo Coding community, and I would love to contribute to this project! 🚀 This might be my first contribution here.

I've done quite a few of these ones in our Bitcash/bitlauncher/masterbots/dboard DEFI/Web3 apps, I'm really familiar with the latest development tools as the ones you are using in this amazing product. And I would love to help out creating the component you need.

Lmk if I can start working on it. Here’s my GitHub profile: GitHub: https://github.com/Bran18 and my OnlyDust profile: https://app.onlydust.com/u/Bran18.

BTW tks for taking the time 🙏

austineblaise commented 1 day ago

Here’s the combined and summarized version:

This is my first time contributing to OnlyDust, and I’m a JavaScript + TypeScript blockchain developer. To implement the footer, I will build a reusable component with elements like the logo, email, website, team members, social links, and a dynamic "All rights reserved" year. I’ll style it for both light and dark themes, ensuring good readability, and make it responsive using Flexbox/Grid for different screen sizes. I’ll also ensure all links are functional (email, website, LinkedIn, X) and test the footer across devices and themes to meet the project requirements.

KevinLatino commented 1 day ago

Hello @JoelVR17 My name is Kevin Latino, and I'm a Frontend Developer and active open-source contributor. I'm a member of Dojo Coding ⛩️, a thriving Web3 community in Costa Rica. I have experience with React, Next.js, and TypeScript, also I have experience in data fetching and API integrations and I recently won the LATAM Hackathon hosted by Base. I've also contributed to projects in ecosystems like Starknet and Stellar.

I will design and implement a footer component for the application, including the following elements: the logo, email address, website URL, a list of team members (Joel Vargas, Armando Cortés, Caleb Loría, and Alberto Chaves), social media links for LinkedIn and X (formerly Twitter), and an "All rights reserved" statement with the current year. The footer will mirror the links from the header section and be styled to support both light and dark themes for consistency across the app. The layout will adhere to the provided structure to maintain a cohesive and user-friendly design.

Here is an example of a Frontend Project that I have made: https://buildmyevent.xyz/

Jethrolopwus commented 1 day ago

Is this issue still available?

SudiptaPaul-31 commented 1 day ago

Can I work on this

My approach to resolve this issue

Will first make the footer component as showed and then add proper links to the desired text and add the copyright statement that will render automatically and making sure of proper fonts and other stuffs

mimiprosper commented 1 day ago

Let me try this one!

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. I'd love to handle this task please

melnikga commented 1 day 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

stephanniegb commented 1 day ago

Can I work on this? I have plenty of experience building frontend applications, so you can be sure all the criteria will be met.

Here are some of my recent projects for your reference: - https://tba-frontend-eta.vercel.app

SYLVIANNORUKA commented 1 day ago

Could I be assigned to this? I am a Front-end and smart contract developer. I am proficient in tailwind css, Next Js, Typescript, JavaScript, . I would love to contribute to this project. I will use a FooterProps interface to type the theme prop (e.g., 'light' or 'dark')then Create a reusable Footer component using TypeScript and include sections like team member, Social Media, and Contact Info then Use CSS variables for light and dark themes (--light-bg, --dark-bg, etc.). Ensure responsiveneswith CSS Grid. then Pass a theme prop dynamically from the parent component. Add a theme toggle function in App.tsx to switch between light and dark themes. Verify responsiveness and accessibility across devices and browsers.

chibokaxavier commented 1 day ago

Hi, i am Chiboka Emmanuel a full-stack web developer who enjoys creating solutions and applications that look great and work smoothly. I would really love to be assigned this issue and work on this project.

LazarusAA commented 1 day 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 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:

ETA: 48 hrs

gadgray commented 1 day ago

I’d like to work on this.

kimcascante commented 1 day ago

Hello! I'm Kimberly Cascante, a Dojo Coding member :) Looking for my first contribution. I estimate this will take me around 48 hours to complete. I will start reviewing the application, create the footer component according to the structure of this project, test the implementation and share. Happy to contribute!

Amarjeet325 commented 1 day ago

I’m interested in this one.

zleypner commented 1 day ago

Hi! I’m Anwar a Software Developer with +3 years of experience, and I would love continue making contribution to this project and contribute to the project's success. Can I be assigned to this? I will create the footer as you requested following the guidelines.

JoelVR17 commented 1 day ago

This issue is for you @mariocodecr! 🚀 Remember to follow all the guidelines, both the ones inside the repository and the guideline to perform the PR.

Many thanks to all the other dev's who sent in their application. 

mariocodecr commented 1 day ago

@JoelVR17 thanks