Nonograms

An implementation of Nonogram puzzles where a player has to reveal hidden images following the provided number clues.

Tech Stack

• Language: JavaScript, JSDoc type annotations
• Bundler: Webpack
• Styling: SCSS
• Code Quality: ESLint, Stylelint, Prettier
• Custom State Machine implementation

Features

• Interactive game interface
• Three levels of difficulty with five nonogram puzzles each.
• Results table.
• Save/load game progress.
• Light/dark themes.
• On/Off sound effects.

Setting Up and Running the App

Prerequisites

• Node.js (v22 or higher)
• npm (v10 or higher)

Local Setup

• Clone the repository to your local machine.
• Navigate to the project directory: cd nonograms-v2/nonograms/.
• Install dependencies with npm install.
• Start the dev server with npm run dev.
• Open your browser and navigate to http://localhost:8080.