Carlos Avila Portfolio

Portfolio profesional de Carlos Avila - Developer

Descripcion

Portfolio profesional construido con React + Vite + Tailwind CSS v4.

Carlos Avila - Developer & Community & Public Support Specialist en 4Geeks Academy.

Caracteristicas

• Dark Mode / Light Mode toggle
• Multiidioma (ES / EN) - i18n integrado
• Scroll animations (fade-in, slide-in)
• Responsive design (mobile-first)
• Seccion AI & Automation Tools
• Seguridad HTTP headers en Vercel
• SEO optimizado
• Accesibilidad mejorada (aria-labels, focus-visible)
• Build optimizado para Vercel

Stack

Tecnologia	Version
React	19
Vite	8
Tailwind CSS	v4
Font Awesome	7
@tailwindcss/vite	Latest

Correr localmente

git clone https://github.com/AvilaCarlosDev/carlos-avila-portfolio.git
cd carlos-avila-portfolio
npm install
npm run dev

Build

npm run build
npm run preview

Estructura

carlos-avila-portfolio/
├── src/
│   ├── App.jsx        # Componente principal (i18n, dark mode, secciones)
│   ├── App.css        # Estilos - dark/light mode, animaciones, responsive
│   └── index.css      # Reset global + Tailwind
├── public/
├── index.html         # SEO mejorado - Carlos Avila Developer
├── vercel.json        # Config Vercel + HTTP security headers
├── vite.config.js     # Vite + Tailwind v4
└── package.json

Secciones

• Hero - Wanted poster, identidad personal y CTA principal
• Mapa interactivo - Navegacion por islas con barco animado
• Bitacora / Logbook - Perfil, comunidad, IA practica y stack
• Proyectos DEV - Repos con valor para la comunidad
• Landing Pages - Demos comerciales por nicho
• Contacto / Contact - Email, LinkedIn, GitHub y formulario visual

Licencia

• El codigo fuente esta licenciado bajo MIT License.
• El contenido personal, imagenes, textos, identidad visual, branding y datos de Carlos Avila estan protegidos con todos los derechos reservados.

Ver LICENSE para mas detalles.

---

Desarrollado por Carlos Avila - Developer