MeT's Portfolio (MeT-Home)

MeT-Home

---

🎨 Project Overview

MeT-Home is an immersive, interactive personal homepage for MeTerminator. Built with Vue 3, TypeScript, Three.js, and GSAP, it offers a physically elastic scrolling experience, breathtaking 3D visuals, and deep personalization.

---

✨ Core Features

• 🚀 Extreme Fluidity: Leverages fullpage.js and GSAP for physics-based elastic scrolling and custom section transitions.
• 🎹 Music Section: Integrated applemusic-like-lyrics for an audiophile-ready experience.
• 📱 Cross-Platform Perfect: Optimized for everything from ultra-wide monitors to mobile devices with a meticulously crafted responsive design.
• 📦 PWA Ready: Offline support, installable home screen icon, and rapid launch times.

---

📸 Visual Preview

---

🛠️ Tech Stack

Core Frameworks

• Framework: Vue 3 (SFC + Script Setup)
• Language: TypeScript
• Build Tool: Vite 8

Motion & Visuals

• Animation Hub: GSAP (GreenSock Animation Platform)
• 3D Engine: Three.js
• Smooth Interaction: Motion-V & Lenis
• Typography: Split-type & [ScrambleText]

UI & Utilities

• Styles: Tailwind CSS 4.0
• Interaction: face-api.js, vue-fullpage.js, @applemusic-like-lyrics/vue
• State Management: VueUse

---

🚀 Quick Start

1. Clone the repository

git clone https://github.com/MeTerminator/met-home.git
cd met-home

2. Install dependencies

Recommended to use pnpm:

pnpm install

3. Start development server

pnpm dev

4. Build for production

pnpm build

---

📄 License

This project is licensed under the AGPL-3.0 License. Open-source is for everyone, but please respect the terms and provide attribution.

---

Made with ❤️ by MeTerminator