Next Tetris is a contemporary take on the timeless Tetris game, crafted using Next.js 15 and React 19. This project presents a nostalgic gaming experience through its retro game console user interface, while utilizing advanced web technologies to enhance gameplay.

Key Features

• Retro Console UI: Enjoy a classic gaming experience with a modern design.
• Responsive Layout: Play seamlessly on both desktop and mobile devices.
• Intuitive Controls: Utilize keyboard arrows or WASD keys for block movement, with additional support for touch controls.
• Sound Effects: Immerse in the game with sound effects powered by the Web Audio API.
• Game State Persistence: Pick up where the game left off, ensuring an uninterrupted experience.
• Score Tracking: Keep a record of achievements and stats to track progress.
• Achievement System: Unlock milestones that add depth to gameplay.

Technology Stack

This project leverages a sophisticated tech stack, including:

• Next.js 15 for server-side rendering and optimized performance.
• React 19 for building user interfaces.
• TailwindCSS for stylish and responsive component designs.
• TypeScript for enhanced code quality and maintainability.
• Web Audio API for integrated sound capabilities.

Development Insights

Developed in a remarkable timeframe of only 4 hours, the project utilized AI assistance to expedite the coding process. The development draws inspiration from the original chvin/react-tetris project, while being fully reimagined with modern frameworks and standards.

Controls Overview

Control the game using:

- Arrow keys / WASD: Move block
- Space: Drop block
- P: Pause game
- R: Restart game
- S: Toggle sound

Experience Tetris in a new light with Next Tetris, combining nostalgia and modern technology for an engaging gaming experience.