テスト討伐録

Next.js

TypeScript

TailwindCSS

科目をボスに見立てて攻略状況を可視化する学習管理アプリ

爲本 浩貴

かあかあ

推しアイデア

ゲームのボス討伐×テスト勉強という斬新な切り口で、モチベが続かないテスト期間を楽しく乗り越えられる

作った背景

自分たちがテスト期間のモチベ管理に毎回困っていて、ゲーム感覚で勉強できるアプリがあれば続けられると思った

推し技術

Next.js App RouterとSupabaseを活用したリアルタイムな学習進捗の管理

プロジェクト詳細

アプリ概要

テスト期間の科目をRPGのボスに見立て、勉強時間や課題完了でダメージを与えて討伐する学習管理アプリ。科目ごとの攻略状況を可視化することでモチベを維持できる。

ターゲット

テスト期間のスケジュール管理とモチベ維持に悩む理系大学生

ストーリー

なぜこのプロダクトを作ろうと思ったか

自分たちが毎回テスト期間に「どこから手をつければいいかわからない」「途中でやる気が切れる」という課題を抱えていたから。

誰のどんな課題を解決したいか・どんな楽しさを届けたいか

科目が多くて優先順位がつけられない大学生に、ボス討伐というゲーム感覚で勉強を進める楽しさと、達成感を届けたい。

技術構成・アーキテクチャ図など

  • Next.js (App Router)
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Supabase
  • Vercel

遊びごころポイント

ターゲットに刺さる機能

科目ごとのボスHP、討伐達成時の演出、全科目クリアまでの進捗一覧

技術的遊び

(当日埋める)

アプリ画面(スクショや動画など)

(当日埋める)

挑戦・成長したところ

(当日埋める)

チームワーク・チーム開発で工夫したところ

(当日埋める)

爲本 浩貴

@2d8f62b7ad59ecc7