Portfolio personal desarrollado con React + Vite, enfocado en presentar mis proyectos, habilidades y experiencia como desarrollador web de forma moderna, interactiva y visualmente atractiva.
Este proyecto representa mi identidad como desarrollador, combinando diseño, animaciones y estructura modular para crear una experiencia fluida y profesional.
El objetivo principal es no solo mostrar proyectos, sino transmitir una estética clara, una navegación intuitiva y una buena experiencia de usuario.
- 🎯 Diseño moderno y minimalista
- 📱 Responsive (adaptado a distintos dispositivos)
- ⚡ Animaciones y micro-interacciones
- 🧩 Arquitectura basada en componentes
- 🧭 Navegación por secciones (scroll dinámico)
📁 portfolio-moderno │ ├── 📁 public │ ├── 📁 projects → Imágenes de proyectos │ │ ├── Portfolio.png │ │ └── Booking.png │ │ │ ├── Fondo.jpeg │ ├── Fondo2.jpeg │ ├── Perfil.jpeg │ ├── Perfil2.jpeg │ └── Vite.svg │ ├── 📁 src │ ├── 📁 assets │ │ └── react.svg │ │ │ ├── 📁 components → Componentes reutilizables │ │ ├── AnimatedBorderButton.jsx │ │ └── Button.jsx │ │ │ ├── 📁 layout → Estructura general │ │ └── Navbar.jsx │ │ │ ├── 📁 sections → Secciones principales del portfolio │ │ ├── Hero.jsx │ │ ├── Acerca_De.jsx │ │ ├── Experiencia.jsx │ │ ├── Proyectos.jsx │ │ ├── Testimonios.jsx │ │ └── Contacto.jsx │ │ │ ├── App.jsx │ ├── main.jsx │ └── index.css │ ├── index.html ├── vite.config.js ├── eslint.config.js └── package.json
- React.js
- Vite
- JavaScript (ES6+)
- CSS3 / TailwindCSS
Seguí estos pasos para correr el proyecto en tu entorno local:
git clone https://github.com/L0FA/portfolio-moderno.git
cd portfolio-moderno npm install
npm run dev
Luego abrí el navegador en la URL indicada (generalmente http://localhost:5173).
Construir un portfolio que no solo muestre proyectos, sino que también refleje mi enfoque como desarrollador: crear experiencias, no solo interfaces.
Santiago López Fabbri
💻 Desarrollador Web Full Stack