AngelChv / repository

card-sudoku

Card Sudoku: un juego de cartas minimalista y responsive para web, con drag and drop, selección por clic y validación de reglas tipo Sudoku. Desarrollado con HTML, CSS y JavaScript usando Web Components.

#css#drag-and-drop#game#html#html5#javascript

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

README preview

🃏 Card Sudoku 4×4

Juego de solitario tipo puzzle con cartas, estilo Sudoku 4×4.

🎮 Jugar

🔹 Descripción

Card Sudoku es un juego web donde debes organizar 16 cartas en una cuadrícula 4×4 cumpliendo las reglas del Sudoku:

Cada fila y columna no puede repetir ni rango ni palo.
Solo las diagonales grandes deben cumplir la regla de no repetir rango ni palo; en las diagonales pequeñas se pueden repetir.
Se puede jugar en móvil y escritorio.

El juego incluye:

Selección de cartas con click/tap y swap animado.
Drag and drop en móvil y escritorio.
Validación de la solución.
Animaciones profesionales y minimalistas para selección e intercambio.

🔹 Tecnologías usadas

HTML5 + Web Components (playing-card de Cardmeister).
CSS moderno: Grid, Flex, clamp(), svh, aspect-ratio.
JavaScript ES6+: lógica del juego, animaciones, drag & drop, validación de Sudoku.
Compatible con móviles y escritorio, optimizado para modo vertical en móvil.

🔹 Normas de juego

No repetir rango (A, J, Q, K) en la misma fila, columna o diagonal grande.
No repetir palo (♠, ♥, ♦, ♣) en la misma fila, columna o diagonal grande.
Se puede intercambiar cartas haciendo click en dos cartas o arrastrando una sobre otra.
Pulsa Validar para comprobar si la solución es correcta.