An open API service indexing awesome lists of open source software.

https://github.com/pilotaxis/link-tree

A simple, beautiful styled link tree to store user's information and navigate social links.
https://github.com/pilotaxis/link-tree

css html

Last synced: 11 months ago
JSON representation

A simple, beautiful styled link tree to store user's information and navigate social links.

Awesome Lists containing this project

README

          

[![Netlify Status](https://api.netlify.com/api/v1/badges/d3c26283-921c-4236-9148-a864b1209676/deploy-status)](https://app.netlify.com/sites/link-tree-pilotaxis/deploys)

# Link Tree

A simple, beautiful link-tree site created to showcase user's information and social profiles.

![Screenshot of Website](https://github.com/PilotAxis/link-tree/blob/main/image/image.png)

## Tech Stack

- **HTML**
- **CSS**
- **JavaScript**

## Getting Started

To run this project locally, follow these simple steps:

### Prerequisites

Ensure you have the following software installed on your local machine:

- [Visual Studio Code](https://code.visualstudio.com)
- Any Web Browser (Recommended **Chrome**)
- [Live Server (VsCode extension)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

### Installation

1. Clone this repository to your local machine using Git:

```bash
git clone https://github.com/PilotAxis/link-tree.git
```

1. Navigate to the project directory:

```bash
cd link-tree
```

Or, using finder or file explorer open the directory

1. Open the project in Visual Studio Code:

```bash
code .
```

### Running the Server

Once all the project is set-up in the Visual Studio Code, start the live server:

![Screenshot of Live Server](https://github.com/PilotAxis/link-tree/blob/main/image/image_2.png)

Now you're ready to see the Link Tree locally running on your machine!

If you encounter any issues or have questions, feel free to reach out for assistance. Enjoy exploring!

Please feel free to use this in your README.md file. Let me know if there's anything else I can assist you with!

## Project Structure

```bash
link-tree

├── image/
│ └── image.png
│ └── image_2.png

├── logos/
│ ├── boy.png
│ ├── facebook.png
│ ├── github.png
│ ├── gmail.png
│ ├── instagram.png
│ ├── linkedin.png
│ ├── menu-bar.png
│ ├── twitter.png
│ ├── whatsapp.png
├── .hintrc
├── index.html
├── LICENSE.md
├── links.js
├── README.md
├── script.js
└── style.css
```

## License

This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).