Bingo Card Creator

Bingo Card Creator is a React-based web application that allows users to create customizable bingo cards. Users can set the card size, add items, customize the title, and more.

Features

• Customizable card size (3x3 to 7x7)
• Editable card title
• Add, sort, and deduplicate bingo items
• Optional free space
• Real-time preview of the bingo card

Getting Started

Prerequisites

• Node.js (version 12 or higher)
• npm (usually comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/bingo-card-creator.git
   

2. Navigate to the project directory:

   cd bingo-card-creator
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open your browser and visit http://localhost:3000 to see the app.

Usage

1. Set the card size using the "Card Size" input.
2. Enter a title for your bingo card in the "Card Title" field.
3. Add items to your bingo card in the "Items" textarea, separating each item with a comma.
4. Use the "Sort" and "Deduplicate" buttons to organize your items.
5. Toggle the "Free Space" checkbox if you want a free space in the center of the card.
6. The bingo card preview will update in real-time as you make changes.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

• React team for the amazing framework
• All contributors and users of this project