This app is a Bingo game designed for users to play online. It allows players to generate a Bingo card, call numbers, and mark their cards as numbers are called. The app features a user-friendly interface that displays the Bingo card, the current number being called, and a list of previously called numbers. To use the app, players start by launching the game, which automatically generates a new Bingo card. Players can then click the "Call Number" button to randomly select a number from the Bingo pool. As numbers are called, players can mark their cards by clicking on the corresponding cells. The game includes a center free space that is automatically marked. If a player successfully marks a complete row, column, or diagonal, a modal will appear congratulating them on their win and offering the option to start a new game. The app is built using TypeScript and React, leveraging modern web technologies for a responsive and interactive experience. It utilizes components for modular design, including a Bingo card component, a number caller component, and a winner modal. The game logic is encapsulated within the BingoGame component, which manages the state of the game, including the Bingo card, marked cells, called numbers, and win conditions. Key features of the app include: - Dynamic Bingo card generation with a free space in the center. - A number caller that randomly selects and displays called numbers. - The ability for players to mark their cards and track called numbers. - A modal that appears when a player wins, providing a celebratory message and the option to start a new game. - Responsive design that adapts to different screen sizes for an optimal user experience. Overall, this Bingo game app provides an engaging way for users to enjoy a classic game in a digital format.
No tags
Last Updated May 19, 2025