Portfolio personal interactivo y moderno, diseñado y desarrollado desde cero para presentar mi experiencia profesional, formación académica, habilidades técnicas y proyectos dentro del ecosistema del desarrollo web.
El proyecto fue construido con un enfoque especial en experiencia de usuario (UX), rendimiento, diseño responsive y código limpio y mantenible.
- 🎨 Diseño moderno y premium: Interfaz basada en una estética dark mode, efectos de glassmorphism, acentos de color y tipografía adaptable mediante
clamp(). - 💼 Proyectos interactivos: Tarjetas de proyectos con modales para visualizar información detallada, tecnologías utilizadas y enlaces al proyecto en producción y repositorio de GitHub.
- 📚 Experiencia y formación: Secciones dinámicas mediante líneas de tiempo y grillas interactivas para presentar experiencia laboral, educación y conocimientos.
- 📩 Formulario de contacto: Formulario completamente funcional integrado con EmailJS, incluyendo validación de campos y notificaciones toast.
- 📱 Diseño responsive: Adaptación completa a dispositivos móviles, tablets y ordenadores de escritorio.
- ⚡ Buen rendimiento: Construido con Vite para aprovechar un entorno de desarrollo rápido y una compilación optimizada para producción.
- 🧩 Componentización: Arquitectura basada en componentes reutilizables para facilitar el mantenimiento y la escalabilidad del proyecto.
- React
- JavaScript (ES6+)
- HTML5
- CSS3
- Styled-Components
- React Icons
- Font Awesome Icons
- Simple Icons
- Vite
- EmailJS
- Git
- GitHub
- npm
Además de las tecnologías utilizadas directamente en este proyecto, cuento con conocimientos en:
- Node.js
- Express.js
- Python
- TypeScript
- Next.js
- PHP
- MySQL
Si querés ejecutar el proyecto en tu entorno local, seguí estos pasos.
git clone https://github.com/martinmorondo/portfolio.gitcd portfolionpm installCreá un archivo .env en la raíz del proyecto y agregá las credenciales correspondientes de EmailJS:
VITE_APP_SERVICE_ID=tu_service_id
VITE_APP_TEMPLATE_ID=tu_template_id
VITE_APP_USER_ID=tu_public_keyImportante: No publiques credenciales privadas ni archivos
.enven el repositorio.
npm run devUna vez iniciado, Vite mostrará en la terminal la URL local desde la que podrás acceder al proyecto.
Para generar una versión optimizada para producción:
npm run buildPara comprobar localmente la versión de producción:
npm run previewLa estructura del proyecto está organizada para mantener una separación clara entre componentes, estilos, recursos y lógica de la aplicación.
portfolio/
├── public/
├── src/
│ ├── assets/
│ ├── components/
│ ├── sections/
│ ├── styles/
│ ├── App.jsx
│ └── main.jsx
├── .env
├── .gitignore
├── index.html
├── package.json
├── vite.config.js
└── README.md
La estructura puede variar según la versión actual del proyecto.
Si querés conocer más sobre mi trabajo, proyectos o experiencia profesional, podés contactarme a través de los siguientes medios:
📧 Email: martinmorondo@gmail.com
📍 Ubicación: Tandil, Buenos Aires, Argentina
💼 LinkedIn: https://www.linkedin.com/in/martin-morondo/
💻 GitHub: https://github.com/martinmorondo
Soy Frontend Developer enfocado en la creación de interfaces web modernas, funcionales y orientadas a una buena experiencia de usuario.
Me interesa combinar desarrollo, diseño y creatividad para construir productos digitales que no solo funcionen correctamente, sino que también comuniquen una identidad clara y profesional.
Actualmente continúo ampliando mis conocimientos en desarrollo de software, arquitectura, nuevas tecnologías y buenas prácticas para seguir evolucionando como desarrollador.
⭐ Si este proyecto te resulta interesante, ¡no dudes en darle una estrella al repositorio!