🖥️

メモ Next.js TypeScript 自作WebApp

2024/05/24に公開

Next.js TypeScript 自作WebApp

1. 断捨離App

捨てられない物を登録し、期限内に使用されなかったものを断捨離するよう通知します。あなたは、断捨離をするか期限を延ばすかを選択できます。

2. 時計App

時計をホバーするとHarryPotterのキャラクターが現れます。

1. 断捨離Appの説明

  • 断捨離品目名を入力し、適切なカテゴリを選択してSubmitボタンを押すと、アイテムに期限が割り当てられます。
    断捨離App画像1
  • Limit欄に設定された時間が過ぎるとActions欄の背景色が赤色に変わり、プルダウンメニューからは断捨離を行うか期限を延ばすかを選択できます。(背景色の変更が反映されない場合はページをリロード)
    断捨離App画像2

作成環境


  • TypeScript
  • Next.js
  • Tailwind CSS
    【作成環境】

Discussion