A simple web-based game built with Next.js where users can place colored blocks on an expandable grid and save their creations as an image.
Live Demo: https://numberblock.vercel.app/
This game is inspired by the popular children's show 'Numberblocks', aiming to provide a simple digital canvas for kids (and adults!) to creatively explore patterns and designs reminiscent of the show's block characters.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- Interactive Grid: Place blocks on a grid that automatically expands as needed.
- Block Palette: Select from a predefined set of colors.
- Place/Remove Blocks: Click empty cells to place the selected block, click existing blocks to remove them.
- Block Counter: Tracks the total number of blocks on the grid.
- Save as Image: Download the current grid state as a PNG image.
- Progressive Web App (PWA): Installable on supported devices for an app-like experience.
Contributions are welcome! If you have suggestions for improvements or find any issues, feel free to open an issue or submit a pull request on the project repository.