A personal portfolio with MMORPG-inspired design, built with Astro 5.10+ and TailwindCSS 4.

• 🎮 MMORPG Design: Game-inspired interface with glow effects, HUD, and fantasy aesthetics
• 🌍 Native i18n: Full support for Spanish and English using Astro's native functionality
• 🎨 TailwindCSS 4: Modern styles with custom classes for gaming theme
• 🎬 GSAP Animations: Smooth animations and parallax effects
• 📱 Responsive: Fully responsive and accessible design
• 🌓 Dark/Light Theme: Game-style theme toggle
• 🐙 GitHub Integration: Shows real projects from GitHub API
• 🚀 Cloudflare Pages: Deployed on Cloudflare with SSR

• Framework: Astro v5.10+ with TypeScript
• Styles: TailwindCSS v4 + Custom CSS
• Animations: GSAP + ScrollTrigger
• Deployment: Cloudflare Pages + SSR
• Package Manager: pnpm

1. Clone the repository

   git clone https://github.com/K1riDev/mmorpg-portfolio.git
   cd mmorpg-portfolio

2. Install dependencies

   pnpm install

3. Run in development

   pnpm dev

4. Build for production

   pnpm build

The site supports two languages:

• Spanish: Root path (/)
• English: Prefixed path (/en/)

Translations are located in src/i18n/translations.ts and used via the useTranslation() helper.

• Loading Screen: Magical animation when loading the site
• Parallax Effects: Elements that respond to mouse movement
• Scroll Animations: Elements animate when entering viewport
• Dynamic Theme: Toggle between day/night mode
• GitHub API: Shows real projects automatically
• Responsive: Optimized for all devices

The design is inspired by MMORPG interfaces like:

• World of Warcraft
• Guild Wars 2
• Final Fantasy XIV
• League of Legends

With elements such as:

• Transparent HUD with glowing borders
• Buttons with hover effects
• RPG-style progress bars
• Particle and glow effects
• Fantasy-themed icons

• Developer: KiriDev
• GitHub: github.com/K1riDev
• Email: [email protected]

If you like this project, you can support it in the following ways:

• ⭐ Star the Repository: Give this project a star on GitHub to help others discover it
• ☕ Buy me a Coffee: Support development with a small donation via PayPal

Your support helps me continue creating awesome projects like this one! 🚀

Made with ❤️ and ⚡ by KiriDev