Portafolio profesional Jonathan Bello

Este portafolio es la segunda versión seria de mi presencia profesional en la web. Antes tuve un portafolio hecho con Create React App, conectado a una API propia en Go que había desplegado en Heroku. En esa API guardaba proyectos, imágenes y datos que en su momento me hicieron sentir muy orgulloso, porque era una solución completa, estructurada y con seguridad.

Con el tiempo, Heroku cambió sus condiciones gratuitas y perdí la base de datos de ese primer portafolio. Esa pérdida dolió, pero también dejó una lección clara: necesitaba una nueva versión, una que no dependiera de una base de datos externa para contar mi historia. Astro apareció como una respuesta natural: Content Collections, contenido en Markdown, rutas, rendimiento y una estructura que me permitía escribir, ordenar y preservar mejor mi propio recorrido.

Desarrollo y reto técnico

Diseñé el portafolio en Figma y después lo construí con Astro y Tailwind CSS. Para mí era importante volver a demostrarme que todavía podía diseñar una página completa, no solo implementarla. Después de pasar mucho tiempo trabajando como frontend con diseños de otras personas, necesitaba redimirme con una interfaz propia.

La identidad visual también nació de un juego personal. Mi color principal surge de convertir mi apellido en una especie de código hexadecimal: #BE110F, usando las letras y números como una forma de esconder “Bello” dentro del sistema visual. El logo, la marca, los gráficos vectoriales y la composición general buscaban decir que soy muchas cosas a la vez: desarrollador frontend, docente, investigador, creador de cursos, desarrollador de videojuegos y alguien que necesita construir para entenderse.

El sitio no solo muestra proyectos. Poco a poco se ha convertido en una bitácora profesional: proyectos para hablar de trabajo, blog para hablar de ideas, y una estructura bilingüe para abrir la puerta a más oportunidades. Convertir los proyectos en entradas narrativas fue una decisión importante porque ya no quería mostrar solo tarjetas con tecnologías. Quería contar qué pasó, qué aprendí, qué me costó y por qué cada proyecto dejó una marca.

El reto más honesto ha sido que yo mismo soy el cliente más difícil. Siempre hay algo que quiero cambiar, algo que todavía no me convence, algo que puede sentirse más propio. Pero también ahí está el valor: el portafolio no está cerrado. Es una página viva, una memoria técnica y personal que se va construyendo con cada etapa.

Tecnologías utilizadas

1. Astro.js
2. Tailwind CSS
3. Content Collections
4. Astro DB
5. Markdown
6. SEO técnico
7. Figma

Resultado

El resultado es una bitácora profesional viva: un sitio que presenta mi trabajo, mi identidad, mis proyectos y mis ideas desde una estructura que puedo seguir alimentando. Para mi portafolio, este proyecto tiene un valor distinto: no es solo una pieza técnica, sino el lugar donde intento ordenar lo que he sido, lo que hago y lo que quiero seguir dando al mundo.