Porfolio Personal

¡Bienvenidos a mi porfolio! He diseñado y desarrollado este porfolio para destacar mis habilidades como desarrollador web y mostrar los proyectos en los que he trabajado.

Tecnologías utilizadas

• Astro Framework SSG/ISR moderno que permite crear sitios de contenido rápidos, aplicaciones web potentes, API de servidor dinámico y todo lo demás.

• TypeScript Aporta tipado estático a tu código Astro/React, mejorando la solidez, el autocompletado y la detección de errores durante el desarrollo.

• React Mecanismo de interactividad en las secciones que lo necesita, como el menú de navegación, formulario y el fondo de estrellas.

• TailwindCSS Framework de utilidades CSS para crear rápidamente sitios web modernos sin tener que abandonar el HTML.

• Three.js Biblioteca para renderizar el efecto 3D/espacial que adorna el fondo y refuerza la estética “viaje al espacio”.

• Biome Linter y formatter rápido para JavaScript/TypeScript, ahorrando tiempo para desarrolladores y para el CI.

• Zod Validación y análisis de datos en el formulario de contacto, asegurando enviar únicamente consultas correctamente estructuradas.

• EmailJS Servicio cliente‑side para enviar correos desde el formulario sin necesidad de montar un backend.

Características principales

• Diseño espacial y futurista: Diseño visual moderno, inspirado en el espacio, junto a una tipografía futurista de temática espacial.

• Alto rendimiento y SEO‑friendly: Sitio estático creado con Astro, tiempos de carga inferiores a 1s y estructura semántica mejorada para optimizar el SEO y la accesibilidad.

• Mobile‑first 100% responsive: Componentes que emplean TailwindCSS para ajustarse automáticamente a cualquier tamaño de pantalla sin media queries manuales.

• Arquitectura modular (Astro + React + TypeScript): Secciones y UI separadas en componentes reutilizables, lo que facilita el mantenimiento, la escalabilidad y la adición de nuevas funcionalidades.

• Imágenes optimizadas: Imágenes utilizando lazy‑loading, tamaños predefinidas y variantes de tamaño para reducir el ancho de banda y prevenir cambios de diseño.

Cómo Contribuir

¿Encontraste un bug o tienes una idea para mejorar mi porfolio? ¡Se agradecen las contribuciones!

Configuración del proyecto

1. Haz un fork de este repositorio.
2. Clona el repositorio mediante SSH:

   git clone git@github.com:[tu-usuario]/bmmedina.dev.git
   

3. Instala las dependencias:

   pnpm i
   

4. Crea una rama para tu contribución según el proposito:

   git switch -c feature/nombre-de-la-rama
   

   git switch -c fix/nombre-de-la-rama
   

5. Inicia el servidor de desarrollo:

   pnpm run dev
   

6. Abre tu navegador y visita http://localhost:4000/

Envia tus cambios

1. Realiza tus cambios y haz commit usando conventional-commits:

   git commit -m "feat: descripción de la característica"
   

2. Sube tu rama a tu fork:

   git push origin nombre-de-la-rama
   

3. Abre un Pull Request en este repositorio describiendo tus cambios.

Contacto

• Email: contacto@bmmedina.dev
• Porfolio: bmmedina.dev
• LinkedIn: /in/bmmedina99
• Instagram: @bmmedina99
• Facebook: fb.com/bmmedina99