Mini Arcade

Juegos clasicos directamente en tu navegador.
Sin descargas, sin registros obligatorios, puro entretenimiento.

🎮 Jugar ahora

---

Juegos

Match 3 🎮

Agrupa 3 o mas gemas iguales para sumar puntos. Arrastra las gemas para intercambiarlas y genera cascadas y combos.

Feature	Detalle
Niveles	10+ niveles con dificultad progresiva
Mecanica	Drag & drop con snap
Objetivo	Alcanzar el puntaje meta en cada nivel
Bonus	Cascadas, combos, multiplicadores de puntos
Persistencia	Guarda partida y high score en localStorage

Memotest 🃏

Pone a prueba tu memoria encontrando los pares de cartas ocultas. Cartas con animacion 3D flip y sistema de estrellas.

Feature	Detalle
Dificultades	Facil (4x3), Normal (4x4), Dificil (5x4), Experto (6x4)
Cartas	Ratio 2:3 estilo carta de naipes
Scoring	Puntos por eficiencia, velocidad y dificultad
Estrellas	0-3 estrellas segun rendimiento
Packs	2 oficiales + packs custom ilimitados
Custom cards	Iconos + color solido o imagenes por URL
Share packs	Exporta/Importa packs via codigo Base64
Plantilla	Descarga template PNG para disenar cartas

---

Estructura del Proyecto

MM3/
├── index.html              # Landing page con selector de juegos
├── css/
│   ├── global.css          # Estilos globales (glassmorphism, bg, botones)
│   ├── home.css            # Estilos de la landing + auth modal
│   └── setup.sql           # Schema de Supabase (3 tablas + RLS)
├── js/
│   ├── supabase-client.js  # Inicializacion del cliente Supabase
│   └── auth.js             # Sistema de autenticacion completo
├── match3/
│   ├── index.html          # Pagina del Match 3
│   ├── style.css           # Estilos especificos del Match 3
│   └── game.js             # Motor del juego Match 3 (~1400 lineas)
└── memotest/
    ├── index.html          # Pagina del Memotest
    ├── style.css           # Estilos especificos del Memotest
    └── game.js             # Motor del Memotest + Pack Manager

---

Stack Tecnico

• Frontend: HTML5, CSS3, JavaScript vanilla (sin frameworks)
• Hosting: GitHub Pages (static site)
• Auth: Supabase Auth (Email/Password + Google OAuth)
• DB: Supabase (PostgreSQL) — preparada para scores globales
• Estilos: Glassmorphism con backdrop-filter, CSS Grid, CSS custom properties
• Iconos: Font Awesome 6.5 (CDN)
• Persistencia local: localStorage para high scores y custom packs

---

Base de Datos

La app incluye un schema SQL listo para ejecutar en Supabase:

# Ejecutar en SQL Editor de Supabase
cat css/setup.sql

Tablas:

• profiles — datos de usuario (auto-creado al registrarse)
• game_scores — puntajes globales por juego y nivel
• memotest_configs — packs compartidos por la comunidad (preparado para futuro)

Todas con Row Level Security habilitado.

---

Autor

MozzVader — GitHub

---

Licencia

Este proyecto es de uso personal y educativo.