Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Live Demo

About The Project

A simple and interactive Bingo game built with React, TypeScript, and Zustand for state management, offering an engaging experience with a customizable bingo card. The app allows users to play Bingo with predefined phrases, dynamically generate bingo cards.

Built With

Below are frameworks/ libraries used to bootstrap this project.

• 
• 
• 
• 
• 
• 

Getting Started

Below are instructions on setting up your project locally.

Prerequisites

• Node 21
• Pnpm 8.14.4
• Typescript": ^5.6.2

Installation

1. Clone the repo

    git clone https://github.com/dnyaneshwargiri/bingo-app.git

2. Install NPM packages

    pnpm install/ yarn install

3. Compile bingo app

   pnpm build

4. Run

   pnpm start /* production */
   pnpm dev /* dev mode */

Test and Lint

Run test cases

pnpm test

Check for linting Warnings, Error

pnpm lint

To run application via Docker Image

1. Build application for production

     pnpm build

2. Build Docker image

     chmod +x ./docker.build.sh

    ./docker.build.sh

3. Run Docker image

     docker run -p 4000:4000 bingo-app

Please be informed commits are intentionly not squashed.

Open issue

Click on matrix cell at lower device on focus state can be enhanced.