Eric Sáez

Proyecto Tetris

Juego clásico de Tetris implementado con React, Vite y Bootstrap por Eric Sáez Escalona.

Descripción General

El Proyecto Tetris es una aplicación web interactiva que recrea el icónico juego de Tetris, diseñada y desarrollada durante mi Grado Superior en Desarrollo de Aplicaciones Web. Con este proyecto he podido aplicar conceptos clave como React, gestión de estado, programación orientada a objetos y despliegue continuo en Vercel.

  • Recreación de las mecánicas originales de Tetris.
  • Interfaz intuitiva con Bootstrap y estilos responsivos.
  • Despliegue automático y escalable en Vercel.

Tecnologías Utilizadas

Lenguajes

  • JavaScript JavaScript (ES6+)
  • HTML5 HTML5
  • CSS3 CSS3 & Bootstrap

Frameworks & Build

  • React React
  • Vite Vite

Herramientas de Despliegue

  • Git Git & GitHub
  • Vercel Vercel

Conocimientos Adquiridos

A través de este proyecto he reforzado:

  • Modelado de clases y lógica de juego con POO en JavaScript.
  • Manipulación de matrices para el tablero y las piezas.
  • Eventos de teclado y control de estado en React.
  • Despliegue continuo y colaboración con GitHub.
  • Uso de metodologías ágiles y control de versiones.

Funcionalidades Clave

Pantalla de Instrucciones

Vista inicial con reglas y controles antes de empezar a jugar.

Controles de Teclado

Movimiento izquierdo/derecho, rotación con flecha abajo y swap con tecla X.

Paneles de Información

Panel izquierdo con puntaje y nivel; panel derecho con siguientes piezas.

Puntuación y Niveles

Puntos por movimiento, rotación, fila completa y subida de nivel.

Game Over y Ranking

Fin de partida al llenar el tablero, con opción de guardar partida y ver ranking.

Demo en Vivo

Ver código en GitHub

Contacta conmigo