01_Init_description
ecojrsg.dev main page es una landing page construida como el centro de mi ecosistema digital: un portafolio donde conviven proyectos, recursos, experimentos y la evolución constante de mi trayectoria profesional.
Aunque nació inspirada en una plantilla existente, decidí recrearla desde cero para entender cada detalle de su funcionamiento y adaptarla completamente a mi estilo. El resultado es una página con identidad propia, desarrollada como un proyecto de código abierto para que cualquier estudiante o desarrollador pueda explorar su estructura, aprender de ella o utilizarla como punto de partida para crear su propio espacio en internet.
Más que una simple carta de presentación, esta landing funciona como un hub donde reclutadores, clientes y otros desarrolladores pueden conocer mi experiencia, descubrir los proyectos en los que trabajo y acceder a los recursos que comparto con la comunidad.
Es, además, uno de mis primeros proyectos formales y el lugar donde experimento nuevas ideas antes de llevarlas a otros desarrollos. Por eso nunca está completamente terminada: evoluciona al mismo ritmo que mis conocimientos, mis intereses y los retos que aparecen en el camino.
Bajo el Capó
La idea era simple: construir una página rápida, fácil de mantener y lo suficientemente flexible para evolucionar junto con mi carrera profesional. Para lograrlo, elegí un stack moderno enfocado en rendimiento, claridad visual y buena experiencia de desarrollo.
El proyecto está construido principalmente con Astro, aprovechando su enfoque de sitios rápidos, componentes reutilizables y generación eficiente de contenido estático. Para el diseño utilicé Tailwind CSS junto con CSS personalizado, lo que me permitió trabajar con una base visual flexible sin perder control sobre los detalles de identidad, espaciado, animaciones y responsividad.
Aunque la landing no depende completamente de JavaScript en el cliente, también incorporé React para algunos componentes interactivos específicos. Esto me permite combinar lo mejor de ambos mundos: la velocidad y simplicidad de Astro con la flexibilidad de React cuando la interfaz lo necesita.
Stack principal
- Astro — Framework principal del proyecto.
- Tailwind CSS — Sistema de estilos utilitario para construir la interfaz.
- CSS personalizado — Ajustes visuales, detalles de identidad y estilos específicos.
- React — Componentes interactivos dentro de la landing.
- JavaScript / TypeScript — Lógica del proyecto y comportamiento de componentes.
- Git & GitHub — Control de versiones y publicación del código fuente.
Enlaces del proyecto
ecojrsg
Discussion