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/