モーダル作成してカード一覧表示

[y4shiro]

• [x] Modal コンポーネント作成
  • [x] Chakra UI の Modal コンポーネントを組んで骨組み作成
  • [x] Modal の body 部分、カード一覧表示を実装
  • [x] Modal の開閉処理を司る Handler 実装 (当初は hooks、後ほど Redux で管理)
• [x] Card コンポーネント作成
  • [x] カード画像を Cloudinary に保存し、next/imgae コンポーネントで fetch と表示
  • [x] レアリティ別にカードの枠を生成して切り替え
  • [x] カードタイプ別のアイコンを表示
• [x] Redux ToolKit 導入
  • [x] 各 Slice 作成
  • [x] cardDeckSlice.ts
  • [x] modalSlice.ts
  • [x] RTK Query で Supabase からデータ取得して store に保存
  • [x] src/services/card.ts (RTK Query でデータ取得して reducer を store に追加)

今回、Issue の範囲が広すぎたので Redux Toolkit 導入 / Modal 作成 / Card 作成と分割するべきだった事が反省点 また、スタイルが仮の状態だが本番スタイルへの書き換えは別の Issue を作成して行う

[y4shiro]

merge したので close