🚀 Francisco Espindola — Portfolio (Web Engineer)

"I believe the web deserves craftsmanship, not just code. That's why I don't just develop — I engineer every detail, from interface design to system architecture."

Welcome to my personal portfolio. A high-performance, premium digital experience where engineering meets soul. This project showcases my technical expertise and my vision for the modern web.

---

🗺️ Navigation / Navegación / Navegação / ナビゲーション

• English Version
• Versión en Español
• Versão em Português
• 日本語版

---

🇬🇧 English Version

🛠️ Tech Stack

• Core Engine: Astro 5 (Leveraging Static Site Generation & Server Islands).
• Frontend Logic: React 19 for high-performance interactive components.
• Styling Layer: Tailwind CSS 4 (Next-gen utility-first CSS).
• Motion Design: GSAP for smooth, cinematic animations and custom interactions.
• Data Persistence: Turso (LibSQL) for edge-ready guestbook management.
• Visuals: Lucide for consistent, scalable iconography.

✨ Key Features

• 🌍 Global Reach (i18n): Native support for English, Spanish, Portuguese, and Japanese with seamless switching.
• 💎 Premium UX: Custom GSAP-powered cursor and high-end micro-interactions.
• 📊 Real-time Presence: Availability tracker synced with local time and Argentina-based routine.
• 🛍️ Digital Marketplace: Integrated boutique for premium development templates.
• 🎵 Atmospheric Flow: Integrated coding playlist to share my inspiration.
• ✍️ Interactive Guestbook: A persistent space for visitor connections.

🚀 Development Workflow

1. Clone & Enter:

   git clone https://github.com/frysccou/frysccou-portfolio.git
   cd frysccou-portfolio

2. Setup Dependencies: Note: This project is optimized for Bun.

   bun install

3. Ignite Development:

   bun dev

4. Production Build:

   bun run build

---

🇪🇸 Versión en Español

🛠️ Stack Tecnológico

• Motor Principal: Astro 5 (Utilizando Generación de Sitios Estáticos e Islas de Servidor).
• Lógica Frontend: React 19 para componentes interactivos de alto rendimiento.
• Capa de Estilos: Tailwind CSS 4 (La nueva generación de CSS utilitario).
• Diseño de Movimiento: GSAP para animaciones cinemáticas y transiciones fluidas.
• Persistencia de Datos: Turso (LibSQL) para la gestión del libro de visitas en el borde (edge).
• Iconografía: Lucide para un sistema visual coherente y escalable.

✨ Características Principales

• 🌍 Alcance Global (i18n): Soporte nativo multilingüe (Inglés, Español, Portugués y Japonés).
• 💎 UX Premium: Cursor personalizado mediante GSAP y micro-interacciones de alto nivel.
• 📊 Disponibilidad en Vivo: Rastreador de estado sincronizado con horario y rutina local de Buenos Aires.
• 🛍️ Marketplace Digital: Sección integrada para la adquisición de plantillas de desarrollo premium.
• 🎵 Music Flow: Integración de playlist para compartir la atmósfera de trabajo.
• ✍️ Libro de Visitas: Espacio interactivo persistente para visitantes.

---

🇧🇷 Versão em Português

🛠️ Stack Tecnológico

• Motor Principal: Astro 5 (Utilizando Geração de Sites Estáticos e Server Islands).
• Lógica de Frontend: React 19 para componentes interativos de alto desempenho.
• Camada de Estilo: Tailwind CSS 4 (Próxima geração de CSS utilitário).
• Design de Movimento: GSAP para animações suaves, cinemáticas e interações personalizadas.
• Persistência de Dados: Turso (LibSQL) para gerenciamento de guestbook no edge.
• Visual: Lucide para iconografia consistente e escalável.

✨ Principais Recursos

• 🌍 Alcance Global (i18n): Suporte nativo para Inglês, Espanhol, Português e Japonês com troca fluida.
• 💎 UX Premium: Cursor personalizado com GSAP e micro-interações de ponta.
• 📊 Presença em Tempo Real: Rastreador de disponibilidade sincronizado com o horário e rotina de Buenos Aires.
• 🛍️ Marketplace Digital: Boutique integrada para templates de desenvolvimento premium.
• 🎵 Fluxo Atmosférico: Playlist de codificação integrada para compartilhar minha inspiração.
• ✍️ Guestbook Interativo: Espaço persistente para conexões com visitantes.

---

🇯🇵 日本語版

🛠️ 技術スタック

• コアエンジン: Astro 5 (静的サイト生成とサーバーアイランドの活用)。
• フロントエンドロジック: React 19 (高性能インタラクティブコンポーネント)。
• スタイリング層: Tailwind CSS 4 (次世代ユーティリティファーストCSS)。
• モーションデザイン: GSAP (滑らかで映画のようなアニメーションとカスタムインタラクション)。
• データ永続化: Turso (LibSQL) (エッジ対応のゲストブック管理)。
• ビジュアル: Lucide (一貫性のあるスケーラブルなアイコン)。

✨ 主な機能

• 🌍 グローバル対応 (i18n): 英語、スペイン語、ポルトガル語、日本語をネイティブサポート、シームレスな切り替えが可能。
• 💎 プレミアムUX: GSAPによるカスタムカーソルと高品質なマイクロインタラクション。
• 📊 リアルタイムプレゼンス: ブエノスアイレスの時間とルーチンに同期した状況トラッカー。
• 🛍️ デジタルマーケットプレイス: プレミアム開発テンプレートの統合ブティック。
• 🎵 アトモスフェリック・フロー: インスピレーションを共有するための統合されたコーディング・プレイリスト。
• ✍️ インタラクティブ・ゲストブック: 訪問者とのつながりのための永続的なスペース。

---

🖤 Credits / Créditos

Designed and engineered with passion by Francisco Espindola. Explore my creative studio: Dot Studio

---

Copyright © 2024-2026 Francisco Espindola. Licensed under the MIT License.