Skip to content

mllagostera/personal-webpage

Repository files navigation

Miquel Llagostera - Professional Portfolio & Tech Sandbox

Welcome to the repository of my personal webpage!

Beyond serving as my digital resume and professional portfolio, this project is designed as a Technology Sandbox. It is a continuous experiment where I test cutting-edge frameworks, explore new development paradigms, and refine automation strategies.

🎯 The Vision

This project has three primary pillars:

  1. Professional Showcase: A high-performance, accessible, and beautifully designed digital resume (currently featuring the Elegancia Nocturna dark theme).
  2. AI-Assisted Development Sandbox: A playground for integrating Artificial Intelligence tools directly into the software development lifecycle to accelerate building and explore modern DX (Developer Experience).
  3. Cloud Native & Automated Deployment: A real-world scenario for testing Continuous Integration, modern build tools, and direct cloud deployments.

🛠️ Current Technology Stack

The stack is constantly evolving as part of the sandbox philosophy. As of the latest iteration, we are using:

Core Frameworks

  • Vue 3 & Nuxt 3/4: For reactive, server-side rendered (SSR) or statically generated performant web architecture.
  • TypeScript: Ensuring type safety, better developer tooling, and reducing runtime errors.

Styling & UI

  • Tailwind CSS: Utility-first CSS framework for rapid, responsive UI development.
  • SCSS: For structured, maintainable global theming and complex CSS utility extractions.
  • Headless UI & Nuxt Icons: Accessible, unstyled UI components and seamless icon rendering.

State & Logic

  • Pinia: Intuitive, type-safe state management for Vue.
  • Nuxt i18n: Full internationalization support (ES, CA, EN).
  • VueUse: Collection of essential Vue Composition Utilities.

Integrations

  • GitHub REST API: Dynamically fetching and displaying public repositories and collaborations.
  • Telegram Bot API: Serving as the backend for the contact form, delivering messages directly to a private Telegram channel via a server-side Nitro event handler. This includes:
    • Advanced Anti-Spam (Honeypot): Hidden fields to trap bot submissions.
    • Speed Checks: Validating human-like interaction times.
    • Rate Limiting: Preventing abuse through multi-layered IP throttling.

"The best way to understand an architecture or a new technology is to build something real with it."

About

Personal website and portfolio serving as a sandbox for cloud computing exploration, emerging technologies, and the integration of AI in modern software development.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors