LinkTree

A personal portfolio and link aggregator built with Vue 3, TypeScript, and GSAP. Features a dark-themed UI with gradient accents, 3D card interactions, scroll-triggered animations, and i18n support (English/Italian).

Tech Stack

• Framework: Vue 3 (Composition API + <script setup>)
• Language: TypeScript
• Styling: SCSS with design tokens (variables/mixins)
• Animations: GSAP + ScrollTrigger
• Fonts: Plus Jakarta Sans (body), Playfair Display (headings)
• i18n: vue-i18n (EN/IT)
• Build: Vite
• Package Manager: pnpm

Project Structure

.
├── logos/              # Brand assets
└── linktree/           # Vue 3 app
    └── src/
        ├── assets/     # SVG icons and flag images
        ├── components/ # Atomic design (atoms → molecules → organisms → templates → pages)
        ├── data/       # Project data definitions
        ├── i18n/       # Locale files (en, it)
        ├── router/     # Vue Router config
        └── styles/     # SCSS variables, mixins, global styles

Getting Started

git clone https://github.com/thisispivi/LinkTree.git
cd linktree
pnpm i
pnpm dev

Deployment

cd linktree
pnpm run deploygh