Portfolio

Problem

The need for a personal space reflecting my professional and creative identity, with total autonomy over visual design, system architecture, and speed.

Solution

Developing a high-performance platform from scratch without pre-made templates, showcasing projects, technical articles, and engineering insights clearly and efficiently.

Technologies

• Astro — Performance-focused framework with zero JS by default and static/hybrid generation.
• Tailwind CSS — Utility-first, responsive, and maintainable styling.
• TypeScript — Strict static typing ensuring reliable data consistency.
• Cloudflare Pages — Global Edge network deployment with continuous integration.
• HTML5 & CSS3 — Semantic markup, accessibility, and modern interactive interfaces.

Key Features

• Responsive Design: Seamless experience across mobile devices, tablets, and desktops.
• Smooth Navigation: Page transitions powered by View Transitions API.
• Modular Content Architecture: Content management with Astro Content Collections for localized projects and blog articles.
• Optimized Media: Automatic image processing and responsive compression.
• SEO & Metadata: Comprehensive search engine optimization, canonical routing, and dynamic Open Graph and Twitter cards.
• Continuous Deployment: Integration with GitHub Actions for automatic updates on Cloudflare Pages.
• Accessibility: Compliance with web accessibility standards for an inclusive experience.
• Performance: Focus on fast loading times and efficient resource utilization.
• Multilingual Support: Localization for content in Spanish and English, with potential for expansion to other languages.
• Themes: Support for light and dark themes, with the possibility of expansion to other themes.