Portfolio

Portafolio web personal de Martin Villatoro para el proyecto final de Sistemas y Tecnologias Web.

Sitio publicado

El portafolio esta publicado en Netlify:

https://martinvportfolioo.netlify.app/

Descripcion

Sitio construido para presentar mi perfil como desarrollador web junior, mis proyectos principales, laboratorios del curso, tecnologias utilizadas, decisiones tecnicas y enlaces de contacto.

Tecnologias usadas

• React
• Vite
• JavaScript
• CSS
• GitHub
• Netlify

Instalacion

1. Instalar dependencias:

npm install

2. Ejecutar el servidor local:

npm run dev

3. Generar la version de produccion:

npm run build

4. Revisar la version compilada:

npm run preview

Estructura principal

portfolio/
|-- index.html
|-- package.json
|-- README.md
`-- src/
    |-- App.jsx
    |-- main.jsx
    `-- styles.css

Contenido

• Proyectos destacados con descripcion, stack y aprendizaje.
• Lista desplegable de laboratorios del curso.
• Seccion de tecnologias usadas.
• Reflexion sobre decisiones del portafolio.
• Contacto por correo, GitHub y LinkedIn.

Los enlaces pendientes se mantienen como "#" en los datos del proyecto. En la lista de laboratorios, los botones de demo o codigo solo se muestran cuando ya existe un enlace real.

Contacto

• Correo: vil24033@uvg.edu.gt
• GitHub: https://github.com/Martinho777
• LinkedIn: https://www.linkedin.com/in/martin-villatoro/

Reflexion breve

Este portafolio esta dirigido a empresas, startups o equipos que buscan un desarrollador web junior con bases full stack. La intencion es mostrar proyectos donde se vea no solo la parte visual, sino tambien el proceso de conectar frontend, backend, APIs, base de datos y deploy.

Decidi usar React con Vite y CSS porque son herramientas que ya conozco y que me permiten crear una pagina rapida, ordenada y responsive sin agregar configuracion innecesaria. Publique el sitio en Netlify porque permite desplegar proyectos frontend de forma directa a partir de la version de produccion generada por Vite. Decidi no usar Docker porque el objetivo del portafolio es presentar mi perfil y mis proyectos, no levantar infraestructura adicional.

El mayor riesgo fue presentar los proyectos como pequeños casos de estudio, explicando que problema resolvia cada uno, que tecnologias use y que aprendi. Con mas tiempo agregaria capturas reales, animaciones sutiles y paginas individuales por proyecto.