Desarrollador Multiplataforma · Kotlin · React · Web & Desktop
Portfolio personal donde muestro 3 apps nativas Android, 13 sistemas/plantillas web y 2 apps de Windows (en desarrollo).
Construido con React 19 + Vite 6 + Tailwind CSS 4 + TypeScript. Con carga adaptativa y soporte ES/EN/PT/FR.
Personal portfolio showcasing 3 native Android apps, 13 web systems/templates and 2 Windows apps (in development).
Built with React 19 + Vite 6 + Tailwind CSS 4 + TypeScript. With adaptive loading and ES/EN/PT/FR i18n.
Nota: Todas las webs son plantillas demo de portafolio, no servicios reales. Las 3 apps móviles son proyectos nativos con Kotlin; las de Windows están en desarrollo activo.
| Métrica | Valor |
|---|---|
| Apps Nativas Android | 3 (Kotlin · Compose) |
| Proyectos totales | 18 |
| Sistemas web (plantillas demo) | 13 |
| Software Windows (en proceso) | 2 |
| App | Stack | Descripción |
|---|---|---|
| CodePet | Kotlin · Compose · Room · Koin | Mascota virtual que evoluciona al programar: Pomodoro, 88+ retos, 100% offline |
| A Tiempo | Kotlin · Compose · Room · Firebase | Recordatorios inteligentes con alarma, widget y diario personal |
| Despensa al Día | Kotlin · Compose · Retrofit · Firebase AI | Gestión de despensa con recetas generadas por IA + widget |
13 demos en 3 constelaciones: nebula-tech (5 SaaS & IA), orbita-reservas (5 Booking), aurora-creative (3 Creative). Todas marcadas como Plantilla demo en cards y modales. El mapa "Sistemas descubiertos" muestra solo proyectos web; Android y Windows viven en sus propias secciones.
DocuMind AI y ScreenScript Studio en desarrollo activo (IA local), con badge "En proceso" honesto.
Frontend → React 19 · Vite 6 · Tailwind CSS 4 · TypeScript · Framer Motion · Lenis
Mobile → Kotlin · Jetpack Compose · Android SDK · Room · Firebase · Firestore
Backend → PHP · Python · Django · FastAPI
Database → MySQL · Firestore · SQLite · Room
UI/Icons → Lucide React · @tsparticles/slim · SweetAlert2
Perf → WebP (88% ahorro) · Network Information API + fallback · Lazy + Load More
| Language | Código | |
|---|---|---|
| 🇪🇸 | Español | es |
| 🇺🇸 | English | en |
| 🇧🇷 | Português | pt |
| 🇫🇷 | Français | fr |
ES/EN/PT/FR 100% traducido sin hardcodes, vía
t(lang, key)ensrc/lib/i18n.ts.
title,description, canonical y JSON-LD (Person) enindex.html- OpenGraph + Twitter Card con imagen social 1200×630 (
public/og-image.png) robots.txt+sitemap.xmlregistrados en Google Search Console
MiPresentacion
┣ src/
┃ ┣ components/ → NebulaMap, OrbitCard, MobileShowcase, Hero, Skills...
┃ ┣ data/ → projectsData.ts (18 proyectos)
┃ ┣ hooks/ → useConnectionQuality.ts (Network Info API + fallback)
┃ ┣ lib/ → i18n.ts (4 idiomas), previewImages.ts
┃ ┗ App.tsx → Hero multiplataforma + fondo galaxia
┣ public/ → og-image, robots, sitemap, verificación GSC, images/
┣ vite.config.ts
┣ package.json
┗ README.md
- Hero multiplataforma — de "solo Kotlin" a "Kotlin + Web & Desktop"
- i18n completo — 100% traducido ES/EN/PT/FR, sin hardcodes,
t(lang,key) - Lucide icons — reemplazo total de emojis por iconografía consistente
- Carga adaptativa —
navigator.connection+ medición manual → iframe (rápido) o WebP estático (lento) - Load More galáctico — 6 iniciales, +6 por clic, contador
Mostrando X de Y - Plantilla demo badge — disclaimer profesional en cards y modales
# Desarrollo / Development
npm run dev # http://localhost:5173
# Build producción / Production build
npm run build # → dist/
# Preview build
npm run previewVercel (producción): https://miportafolio-fguz.vercel.app/ — deploy automático desde main.
Índice en Google Search Console con sitemap + imagen social para compartir.