経緯
急にビンゴカードが必要な状況になったので、爆速で一日で作りました。
使用技術
フロントエンド
- React
- ReactDOM
- Tailwind CSS
- PostCSS
- Autoprefixer
ビルド・デプロイ
- React Scripts
- gh-pages
仕様
-
「ビンゴ」と言いつつ、数字をランダムに配置したり、抽選番号を出すような機能はありません
-
自由記入型なので、好きなテーマでオリジナルビンゴを作れます
- 例）好きなアニメの展開ビンゴ
- 例）旅や散歩で見かけたものビンゴ
-
機能一覧
- ビンゴの各マスに自由にテキスト入力可能
- 文字数が多いと自動的に文字が小さくなり改行もされる
- 作ったビンゴを画像として保存できる
- クリアボタンでリセット可能
- 作成画面ではテキストを全て削除する機能
- プレイ画面ではビンゴのハイライト効果を全て削除する機能
- タブ切り替えで、実際にビンゴが可能
- ビンゴ画面ではリーチ時、ビンゴ時にアクションが表示
課題
-
純粋に数字表記の従来の「ビンゴ」として使える機能も追加したい
- ボタンを押したらランダム数字でビンゴカード生成
- ランダムに数字を抽選する機能
-
作成したビンゴをSNSで共有できる仕組みがあるともっと面白そう