Muelle

El proyecto

Tienda online de una marca ficticia de teclados mecánicos: escribes en tu teclado y oyes el interruptor elegido, montas tu teclado en 3D en cinco pasos con el precio y el stock comprobados al momento, y compras con cesta, caja, cuentas de cliente y panel de administración. Concepto con datos ficticios y pago simulado.

Lo que lo distingue

El sonido de cada interruptor se sintetiza con Web Audio y cambia con la placa y la carcasa; el teclado 3D (three.js) se genera desde la distribución española y se separa en sus cinco capas al hacer scroll. Toda la web es una placa de circuito: pistas de cobre que se encienden al teclear. Backend propio en PHP: el servidor recalcula el precio de cada montaje y reserva sus piezas en una transacción. Usa componentes de React Bits, Magic UI, unlumen, shadcn/ui y anime.js, con CSP estricta con nonce.

Tecnología

• React
• Three.js
• Web Audio
• Tailwind CSS
• PHP 8
• SQLite / MySQL
• Stripe