Mi portafolio personal desarrollado con Astro, TailwindCSS, TypeScript, JavaScript y GSAP.
Este proyecto funciona como mi carta de presentación profesional, donde muestro mis habilidades, experiencia y los proyectos en los que he trabajado. Está orientado tanto a posibles empleadores como a clientes que deseen conocer mi trabajo como desarrollador web.
Crear un espacio claro, atractivo y bien estructurado donde presentar:
- Mis habilidades como desarrollador.
- Mi experiencia laboral.
- Proyectos destacados.
- Enlaces profesionales (GitHub y LinkedIn).
- Mi currículum vitae actualizado.
El portafolio actualmente cuenta con una única página (index), que incluye:
- Quién soy: breve presentación.
- Cargo o rol profesional.
- Enlaces sociales: GitHub y LinkedIn.
- Experiencia laboral.
- Proyectos desarrollados.
- Currículum vitae descargable.
- Astro.js
- TailwindCSS
- TypeScript
- JavaScript
- GSAP (animaciones)
- Despliegue en Vercel
Clona el repositorio:
git clone https://github.com/Mooenz/portfolio
cd portfolio
pnpm install
pnpm run dev
pnpm run build/
├── cv-for-rendercv.yml
├── public/
│ └── llms.txt
├── src/
│ ├── components/
│ ├── constants/
│ ├── layouts/
│ ├── pages/
│ ├── sections/
│ ├── styles/
│ └── utilities/
├── package.json
├── astro.config.mjs
└── tsconfig.jsonpublic/: Archivos estáticos como imágenes y fuentes.src/components/: Componentes reutilizables de la interfaz.src/constants/: Constantes utilizadas en el proyecto (datos del portafolio).src/layouts/: Plantillas de diseño para las páginas.src/pages/: Páginas del portafolio (actualmente soloindex.astro).src/sections/: Secciones específicas de la página principal.src/styles/: Archivos de estilos globales y configuraciones de TailwindCSS.src/utilities/: Funciones y utilidades auxiliares.cv-for-rendercv.yml: Fuente del CV preparada para renderizado.public/llms.txt: Resumen del portafolio en formato legible para LLMs.package.json: Dependencias y scripts del proyecto.astro.config.mjs: Configuración de Astro.tsconfig.json: Configuración de TypeScript.
🔗 Enlace en vivo: Mooenz.me
🖼️ Screenshots del portafolio:
Este proyecto tiene licencia MIT, lo que significa que cualquier persona puede usar, modificar o distribuir el código, siempre que mantenga nota de la licencia original.