kids planner

小学生の長期休み宿題管理アプリkids plannerを開発しました。
長期休みの宿題は数も多く日数も長いので、どれくらい宿題が出ていていつ提出する必要があるか(夏休みには登校日に提出するものもあるため)、一元管理するためにExcel等を使ってママ友が作ってくれたのですが、それを簡単に作成、管理して且つ、子供が積極的に宿題をやるきっかけになれば嬉しいなと思い、遊び心を入れて作りました。

そのため、タブレッド端末で出来たら押すボタンを絵文字が散る仕様にしたり、壁に貼ってシール貼りたい子供向けに印刷機能も付けました。
我が子はシールも貼りたいから印刷もして、できたら絵文字出してニヤニヤしていました。
大成功です。

ダッシュボード/子供管理・長期休暇管理

宿題管理/カレンダー

子供用ページ/印刷(PDF画面)

使用技術

フロントエンド

• Next.js

• React

• TypeScript

• Tailwind CSS

• react-hot-toast

• @tanstack/react-table

• @fullcalendar/react

• SWR

• react-modal

• react-hook-form

• react-select

• zod

• react-to-print

• react-loading-skeleton

バックエンド

• Next.js

• Prisma

• TypeScript

• Supabase

• dayjs