Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rinaldilucas/improved-linktree-example
An improved linktree example built with handlebars.js with easy customization on a single json.
https://github.com/rinaldilucas/improved-linktree-example
linktree linktree-alternative linktree-clone linktree-custom
Last synced: about 2 months ago
JSON representation
An improved linktree example built with handlebars.js with easy customization on a single json.
- Host: GitHub
- URL: https://github.com/rinaldilucas/improved-linktree-example
- Owner: rinaldilucas
- License: mit
- Created: 2022-03-16T01:12:29.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-09T01:33:00.000Z (12 months ago)
- Last Synced: 2024-01-09T03:23:28.604Z (12 months ago)
- Topics: linktree, linktree-alternative, linktree-clone, linktree-custom
- Language: JavaScript
- Homepage: https://rinaldilucas.github.io/improved-linktree-template/
- Size: 749 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Improved Link Tree example
An awesome Linktree example to jumpstart
your studies or start your business.
Explore the docs »
Open
·
Donate
Table of Contents
## About The Project
[![Project Screenshot][project-screenshot]](https://rinaldilucas.github.io/improved-linktree-example/)
There are many great linktrees examples available on Internet, however, I didn't find one that really suited my need, so I created this enhanced one using stacks that I wanted to practice. This is actually the sum of all my learning right now. If this project helped you in any way, don't hesitate to leave a star!
### Built With
This section shows what technologies are used in this particular project.
- [Yarn](https://yarnpkg.com/)
- [Handlebars.js](https://handlebarsjs.com/)
- [Marionette.js](https://marionettejs.com/)
- [Sass](https://sass-lang.com/)
- [JQuery](https://jquery.com)## Getting Started
After cloning the project, you need to do a few things to be able to run it.
### Prerequisites
You need to have the following requirements:
- node 14 (download here)
- npm
```sh
npm install -g npm
```
- yarn
```sh
npm install -g yarn
```
- grunt cli
```sh
npm install -g grunt-cli
```### Installation
_Below is an example of how you can run the project._
1. Clone the repo
```sh
git clone https://github.com/rinaldilucas/improved-linktree-example.git
```
2. Install the dependencies via yarn
```sh
yarn install
```
3. Build the project to develop
```js
grunt dev
```
4. Build the dist folder
```js
grunt build --tiny-key={KEY}
```## Usage
To facilitate customization, I put some settings in the data.json file. Thus, you will be able to change the internal data of the site without having to code. Check [CONFIG](./CONFIG.txt) for more details.
_For convenience, I put the data.json in the root of the project._
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/amazing-feature`)
3. Commit your Changes (`git commit -m 'feat: add some amazing feature'`)
4. Push to the Branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request## License
Distributed under the MIT License. See [LICENSE](./LICENSE) for more information.
## Contact
[![Website](https://img.shields.io/badge/-Website-0078D4?style=flat-square&logo=html5&logoColor=white&link=https://rinaldilucas.com)](https://rinaldilucas.com)
[![Github](https://img.shields.io/badge/-Github-967bb5?style=flat-square&labelColor=967bb5&logo=github&logoColor=white&link=https://github.com/rinaldilucas
)](https://github.com/rinaldilucas)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Hotmail Badge](https://img.shields.io/badge/-Hotmail-0078D4?style=flat-square&logo=microsoft-outlook&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/rinaldilucas/)](https://www.linkedin.com/in/rinaldilucas/)
[![Telegram Badge](https://img.shields.io/badge/-Telegram-1ca0f1?style=flat-square&labelColor=1ca0f1&logo=telegram&logoColor=white&link=https://t.me/rinaldilucas)](https://t.me/rinaldilucas)Project Link: [https://github.com/rinaldilucas/improved-linktree-example](https://github.com/rinaldilucas/improved-linktree-example)
## Donations
If you feel that this project has helped you in any way, whether it's attracting clients or teaching you about the technologies used, feel free to make a donation.
It helps me a lot to continue developing open source codes.- Metamask (USDT):
```sh
0x16362DF7f963CeEBB2114B467B68F5A58972ee65
```
- PIX (BRL):
```sh
72140bc8-fadc-42f5-abb6-9c13cc80a59f
```[forks-shield]: https://img.shields.io/github/forks/rinaldilucas/improved-linktree-example.svg?style=for-the-badge
[forks-url]: https://github.com/rinaldilucas/improved-linktree-example/network/members
[stars-shield]: https://img.shields.io/github/stars/rinaldilucas/improved-linktree-example.svg?style=for-the-badge
[stars-url]: https://github.com/rinaldilucas/improved-linktree-example/stargazers
[license-shield]: https://img.shields.io/github/license/rinaldilucas/improved-linktree-example.svg?style=for-the-badge
[license-url]: https://github.com/rinaldilucas/improved-linktree-example/blob/main/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/rinaldilucas/
[project-screenshot]: ./sources/images/_readme/screenshot.jpg