https://github.com/mooenz/portfolio
This is my porfolio create whith Astro.js, Tailwindcss, TypeScript and Gsap. https://www.mooenz.me/
https://github.com/mooenz/portfolio
html5 javascript nextjs react styled-components
Last synced: 2 months ago
JSON representation
This is my porfolio create whith Astro.js, Tailwindcss, TypeScript and Gsap. https://www.mooenz.me/
- Host: GitHub
- URL: https://github.com/mooenz/portfolio
- Owner: Mooenz
- License: mit
- Created: 2025-11-25T02:25:08.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-02-23T17:11:30.000Z (4 months ago)
- Last Synced: 2026-02-24T00:08:04.662Z (4 months ago)
- Language: Astro
- Homepage: https://portafolio-gray.vercel.app
- Size: 1.41 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portafolio
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.
---
## 🚀 Objetivo del Proyecto
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.
---
## 📌 Contenido del Portafolio
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.**
---
## 🛠️ Tecnologías
- **Astro.js**
- **TailwindCSS**
- **TypeScript**
- **JavaScript**
- **GSAP** (animaciones)
- Despliegue en **Vercel**
---
## 🧩 Instalación y Desarrollo Local
Clona el repositorio:
```bash
git clone https://github.com/Mooenz/portfolio
cd portfolio
pnpm install
pnpm run dev
pnpm run build
```
---
## 📂 Estructura del Proyecto
```md
/
├── cv-for-rendercv.yml
├── public/
│ └── llms.txt
├── src/
│ ├── components/
│ ├── constants/
│ ├── layouts/
│ ├── pages/
│ ├── sections/
│ ├── styles/
│ └── utilities/
├── package.json
├── astro.config.mjs
└── tsconfig.json
```
- `public/`: 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 solo `index.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.
---
## 📸 Demo / Capturas
🔗 Enlace en vivo: [Mooenz.me](https://www.mooenz.me/)
🖼️ Screenshots del portafolio: 
---
## 🧾 Licencia
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.
---
## 📬 Contacto
GitHub: [@mooenz](https://github.com/Mooenz)
LinkedIn: [@mooenz](https://www.linkedin.com/in/mooenzdev)