Search...

K

Linktree Clone (Vanilla Reactjs) | HNG9 Internship

  • Create a page like Linktree that allows a person show their personal profile and link to various digital things that they sell. Details below.

The profile section

  • A profile picture with an id profile__img
  • My twitter username with an id twitter
  • My slack username with an id slack - but this should be hidden (available in code, but cannot be seen)

The links section

  • An Anchor tag styled as a Button with an id btn__zuri that redirects to https://training.zuri.team/

  • An Anchor tag styled as a Button with an id books that redirects to http://books.zuri.team with the title and a subtext describing that this is where you find books about design and coding

  • An Anchor tag styled as a Button with an id book__python that redirects to to https://books.zuri.team, with a subtext where you feature the book as if you were selling it.The reference id must be unique and will give you royalties if any sales of the book come

  • An Anchor tag styled as a Button with an id pitch that redirects to to https://background.zuri.team, with a subtext where you pitch a service for doing background checks on coders. Use a good, selling sentence.

  • An Anchor tag styled as a Button with an id book__design that redirects to to https://books.zuri.team/design-rules with a subtext where you pitch the free design book offered by Zuri.

  • Add another anchor tag styled as a Button with an id of 'contact' that redirects to "/contact" page in your app.

NB. The contact page path must be "/contact"

The contact page should have a form with the following details:

  • A First and last name input fields with ids ‘first_name’ and ‘last_name’ respectively
  • An Email address input field with an id of ‘email’
  • A Textarea with an id of message to contain the message of the person
  • A button with an id of btn__submit that will submit the form
  • All fields should have appropriate label tags

Frontend Design

Designs for frontend

Production

https://linktree-clone-reactjs-kael.vercel.app/