Juego interactivo de rompecabezas con React, TypeScript y SCSS, desarrollado con estructura modular y Vite. Permite seleccionar imagen, nivel (número de piezas) y armar el puzzle mediante drag & drop. Incluye confetti al completar el puzzle, botón para volver a jugar y diseño responsive.

👉 Puzzle Demo

• React + TypeScript (ES6+)
• SCSS modular
• Vite
• @dnd-kit/core + @dnd-kit/sortable
• canvas-confetti

snake/
├── public/
│   ├── assets/
│   ├── icons/
│   ├── favicon.ico
│   ├── manifest.json
│   ├── meta.jpg
│   ├── robots.txt
│   └── sitemap.xml
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── ModalSelector/
│   │   └── PuzzleBoard/
│   ├── styles/
│   │   ├── _global.scss
│   │   └── _variables.scss
│   ├── App.tsx
│   └── main.tsx
├── .editorconfig
├── .gitignore
├── .nvmrc
├── index.html
├── LICENSE
├── package.json
├── tsconfig.json
└── vite.config.js

yarn install
yarn dev

Abre http://localhost:5173/puzzle/ para jugar.

• Selección de imagen y nivel de dificultad
• Drag & drop con @dnd-kit
• Confetti al completar el puzzle
• Botón para volver a seleccionar imagen y nivel
• Diseño responsive (desktop + mobile)

Una creación de <micazoyolli />✨