概要

1. Notion とウェブサイトを提携する
2. Notion のデータベースを引っ張ってきてサイトに登録する
3. スタートボタンを押してフラッシュカード開始
4. このときドラッグ、フリックでカードを動かせたら最高
5. 結果を表示
6. Notion データベースのそれぞれの単語のチェックボックス欄に結果を反映

使用予定技術

フレームワーク

• Next.js いろいろ準備するのめんどくさいから

UI フレームワーク

• Material UI スタイル組むのめんどいから （特にこだわりないため要相談、時間が許すなら Tailwind, Sass, CSS Modules を検討したい）

アニメーションライブラリ

• Framer Motion 多分使う

開発環境

• TypeScript
• Prettier

デプロイ先

• Vercel

分担

一方がNotion提携 もう一方がフラッシュカード

データモデル

入力

{
  {
    "id": "0"
    "word": "itchy",
  },
  {
    "id": "1"
    "word": "in order"
  },
  ...
}

出力

{
  {
    "id": "0",
    "word": "itchy",
    "check": false,
  },
  {
    "id": "1",
    "word": "in order",
    "check": true
  },
}