Anuswar / linktree-clone

personal Linktree-like profile page to showcase social media links and contact information

Home Page:https://anuswarr.netlify.app/

Repository from Github https://github.comAnuswar/linktree-cloneRepository from Github https://github.comAnuswar/linktree-clone

Linktree-like Website Preview

πŸ”— Linktree-like Website

This repository contains a simple Linktree clone designed to serve as a personal link hub. It allows users to showcase multiple links in a single, easily accessible page. The project features a customizable profile picture and a clean, responsive design that ensures compatibility across various devices.

πŸ› οΈ Installation

To run this profile page locally or make contributions, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Anuswar/linktree-clone.git
    cd linktree-clone
  2. Open the index.html file in your preferred web browser.

πŸ› οΈ Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Fonts: Google Fonts (Nunito, Rubik)
  • Icons: Font Awesome
  • Libraries:
    • Animate.css (animations)
    • Bootstrap (stylesheet)
    • Share.js (share URL)
    • Clipboard.js (copy text)

πŸ“‚ Project Structure

The project structure is organized as follows:

linktree-clone-main/
β”‚
β”œβ”€β”€ LICENSE.md                # Licensing information for the project
β”œβ”€β”€ README.md                 # Documentation and instructions for the project
β”œβ”€β”€ index.html                # Main HTML file for your project
β”œβ”€β”€ preview.jpg               # Preview image of the project interface
β”‚
β”œβ”€β”€ js/                       # JavaScript files
β”‚   └── script.js             # Main JavaScript file
β”‚
β”œβ”€β”€ assets/                   # Assets folder for images and styles
β”‚   β”œβ”€β”€ css/                  # CSS files
β”‚   β”‚   └── styles.css        # CSS file for styling
β”‚   β”‚
β”‚   └── images/               # Images folder
β”‚       β”œβ”€β”€ favicon-dark.svg  # Dark mode favicon
β”‚       β”œβ”€β”€ favicon-light.svg # Light mode favicon
β”‚       └── profile-picture.jpg # Profile picture to be displayed

🀝 Contributing

Contributions are welcome! If you find any issues, have suggestions, or want to add new features, please open an issue or create a pull request. Follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive commit messages.
  4. Push your changes to your fork.
  5. Open a pull request to the main branch of the original repository.

πŸ“„ License

This project is licensed under the MIT License, which means you are free to use, modify, and distribute the code.