Link Tree Clone

Ever thought to have your own linktree website ?

Lets make it true for you. As my weekend project I have created a clone user interface(UI) of linktree website with just 110 lines of code. It's a very simple project if your just beginner to web development world. This entire project is made using HTML, CSS and Bootstrap. Yes ! that's it.

What is linktree ?

Linktree is a tool that allows you to host multiple links in your Instagram bio. Instead of updating your bio link every time you publish a new blog post or start a promotion, you can update your Linktree landing page in just a few clicks. So basically linktree provide user interface where you can showcase your multiple links in single page.

What linktree provide us in its interface ?

Linktree provide us a profile pic image, a heading, a paragraph up to 80 characters. Buttons redirecting to different links, and social media icons in the footer.

How our project is efficient ?

Since linktree only provide 80 characters in the paragraph, we in our project don't have any restrictions as such. And also we can have multiple links. Linktee comes with hell lot of features with paid version, but for our basic use this project is more that anything.

How to start with this project ?
1. Create a folder anywhere in your computer.

2. Add a jpg/png pic inside this folder that want to display it as your profile pic.

3. Open this folder in visual code studio or any code editor you want to.

4. Create index.html file inside this main folder.

5. Copy paste my index.html code from below link.

https://github.com/sudhesh15/LinkTree-Clone

6. Create a github repo and upload your file.

7. Make settings for github pages and publish

Congrats your linktree website is ready !

This is how beautiful it looks.