Francisco Barrientos - Portfolio

Portfolio profesional de Francisco Barrientos, Ingeniero de Software y Datos de la USACH.

🌐 franciscobarrientos.cl

---

🚀 Características

• Multilenguaje (ES/EN) con traducción dinámica
• Modo oscuro/claro con detección automática del sistema
• Diseño responsive optimizado para todos los dispositivos
• PWA con Service Worker para funcionamiento offline
• SEO optimizado con meta tags dinámicos y Schema.org
• Accesibilidad WCAG AA con skip links y aria-labels
• Seguridad A+ con headers CSP, HSTS y protección anti-spam

---

📊 Métricas

Métrica	Score
Performance	90+
SEO	95+
Accesibilidad	95+
Seguridad	A+

---

📁 Estructura del Proyecto

franciscobarrientos.cl/
├── index.html                      # Página principal del sitio
├── old.html                        # Versión anterior del sitio (histórico)
│
├── css/
│   ├── tailwind.css                # Tailwind compilado (27.53 KB)
│   ├── index.css                   # Estilos personalizados
│   ├── old.css                     # Estilos de versión anterior
│   └── font-awesome_6.5.1_all.min.css  # Iconos Font Awesome
│
├── js/
│   ├── index.js                    # JavaScript principal
│   ├── index.min.js                # JavaScript minificado (5.92 KB)
│   └── old.js                      # JavaScript de versión anterior
│
├── img/                            # Imágenes y logos del sitio
├── webfonts/                       # Fuentes de Font Awesome
├── src/
│   └── input.css                   # CSS fuente para Tailwind
│
├── sw.js                           # Service Worker para PWA (v1.0.2)
├── robots.txt                      # Configuración para crawlers
├── sitemap.xml                     # Mapa del sitio para SEO
├── CNAME                           # Dominio personalizado
│
├── .htaccess                       # Headers y configuración Apache
├── _headers                        # Headers para Netlify
│
├── tailwind.config.js              # Configuración de Tailwind CSS
├── build-css.js                    # Script de compilación CSS
├── package.json                    # Dependencias y scripts npm
│
├── .gitignore                      # Archivos ignorados por Git
├── .gitattributes                  # Configuración de Git
├── .editorconfig                   # Configuración del editor
├── .npmignore                      # Archivos ignorados por npm
├── .env.example                    # Variables de entorno ejemplo
│
├── README.md                       # Este archivo
├── CONTRIBUTING.md                 # Guía de contribución
└── LICENSE                         # Licencia MIT

---

🛠️ Tecnologías

• HTML5 semántico
• Tailwind CSS 3.4.1
• JavaScript vanilla
• Font Awesome 6.5.1
• Service Worker (PWA)

---

📦 Instalación

# Clonar repositorio
git clone https://github.com/Iyov/FranciscoBarrientos.cl.git
cd FranciscoBarrientos.cl

# Instalar dependencias
npm install

# Compilar para producción
npm run build

---

🔧 Scripts

npm run build        # Compilar CSS y JS
npm run build:css    # Compilar solo CSS
npm run build:js     # Minificar solo JS
npm run dev          # Compilar todo

---

🚀 Despliegue

GitHub Pages

git push origin main

Netlify

• Build command: npm run build
• Publish directory: /

Vercel

vercel --prod

---

📄 Licencia

MIT License - Ver LICENSE

---

👤 Autor

Francisco Barrientos

• 🌐 franciscobarrientos.cl
• 💼 LinkedIn
• 📧 francisco.barrientos@usach.cl

---

Versión: 2.0.0 | Última actualización: Febrero 2026