mariosalvarez.com

Portafolio profesional bilingüe (ES/EN) de Mario S. Alvarez (Mario Alvarez)
I've been building on the web for more than 15 years. Zeroˣ Digit. Houston area.

🌐 Sitio en vivo · mariosalvarez.com · sales@mariosalvarez.com

---

Sobre Mario S. Alvarez (Mario Alvarez)

Zeroˣ Digit. Houston area. Mario Alvarez lleva más de 15 años construyendo en la web — Latinoamérica, Canadá, Texas. Para quedarse, tomó rope access y NDT; después del turno volvía al teclado. Hoy dirige Zeroˣ Digit para que los pequeños negocios se encuentren en Google y en ChatGPT.

Disponible para proyectos freelance y oportunidades full-time en el área de Houston.

📍 Ubicación	Houston, Texas
💼 Especialidad	Datos industriales · Vue 3 · Python
🌐 Idiomas	Español (nativo) · Inglés (profesional)
🐙 GitHub	NezbiT

---

Vista previa

Hero	Proyectos	Contacto
Presentación con slogan, historia y CTAs	Grid con filtros, búsqueda y modal de detalles	Formulario de cotización bilingüe

El sitio incluye selector ES/EN instantáneo con preferencia guardada en localStorage.

---

Proyectos destacados

Proyecto	Estado	Enlace	Descripción
TexasBizFinder	🟢 En vivo	txbizfinder.com	Directorio de negocios en Texas con datos masivos
INESA Institute	🟢 En vivo	inesa.institute	Sitio institucional trilingüe (ES/EN/FR) con PWA
PermitRadar Houston	🟢 En vivo	—	Monitor de permisos industriales en Houston
ChannelWatch La Porte	🟢 En vivo	—	Condiciones del canal de navegación
Emissions Sentinel	🟡 Próximamente	—	Monitoreo de emisiones en refinería

---

Stack técnico

Nuxt 4 (SSG / nuxt generate)
├── Vue 3 Composition API
├── TypeScript 7 (project references)
├── Tailwind CSS v4
├── app/ + shared/types structure
└── Vercel (static deploy from .output/public)

HTML prerendered for crawlers (projects, lab, meta, JSON-LD). Client hydrates filters, modal, and locale toggle.

Scripts

npm run dev        # desarrollo
npm run generate   # build estático (SEO)
npm run preview    # previsualizar .output/public

También en producción: inesa.institute — Vue 3, Vue Router, Vue I18n, PWA, Sentry.

---

Inicio rápido

# Clonar
git clone https://github.com/NezbiT/mariosalvarez.git
cd mariosalvarez

# Instalar y ejecutar
npm install
npm run dev

Abre http://localhost:5173

npm run build    # Build de producción
npm run preview  # Vista previa del build

---

Estructura del proyecto

mariosalvarez/
├── docs/images/          # Assets para README (banner, hero)
├── public/               # favicon.svg
├── src/
│   ├── components/       # Navbar, Hero, Projects, Tech, Contact, Footer
│   ├── composables/      # useI18n, useProjects, useScrollTo
│   ├── data/             # projects.ts, technologies.ts
│   ├── i18n/             # translations.ts (ES/EN)
│   ├── assets/           # hero.png
│   ├── types/            # Interfaces TypeScript
│   ├── App.vue
│   ├── main.ts
│   └── style.css         # Tema industrial + Tailwind v4
├── vercel.json           # Config SPA para Vercel
├── vite.config.ts
└── README.md

---

Configuración

Formulario de contacto (Formspree)

1. Crear cuenta en formspree.io
2. Crear formulario con destino mario@mariosalvarez.com
3. Editar src/components/AppContact.vue → reemplazar FORMSPREE_ENDPOINT

Agregar más idiomas

1. Extender el tipo Locale en src/types/index.ts
2. Añadir traducciones en src/i18n/translations.ts
3. Agregar botón en AppNavbar.vue

Agregar un proyecto

Editar src/data/projects.ts con textos bilingües, tecnologías, enlaces y priority.

---

Despliegue en Vercel

npx vercel --prod

O conectar el repo en vercel.com — Vercel detecta Vite automáticamente.

Dominio personalizado: Settings → Domains → mariosalvarez.com

---

Sitios relacionados

Sitio	Repo / Proyecto	Stack
mariosalvarez.com	Este repo	Vue 3 + Tailwind + Vite
inesa.institute	ineca-vue	Vue 3 + i18n + PWA + Sentry
txbizfinder.com	TexasBizFinder	Vue 3 + FastAPI + DuckDB

---

Licencia

© Mario S. Alvarez (Mario Alvarez). Todos los derechos reservados.