Défi de Con

プロジェクトについて

Défi de Con は、Next.js（App Router の Server Components と Server Actions）、React、Supabase（PostgreSQL の Row Level Security、Auth、Storage）で構築したゲーミフィケーション型のデイリーチャレンジプラットフォームです。各チャレンジが自前の動的入力フィールド（数値、期間、テキスト、日付、ブール値、ファイル、画像）と、日付に紐付いた段階的目標を定義し、下書き → 公開中 → 終了というライフサイクルを毎日 01:00 に実行される Vercel cron が動かします。ゲーミフィケーション層は、提出ごとの獲得ポイントに連続日数ボーナス、カテゴリ別の解放バッジ、ライブのリーダーボードを重ねます。ダッシュボードでは Recharts による 14 日間アクティビティチャート、週次比較ウィジェット、提出時の canvas-confetti 演出を表示します。管理画面はチャレンジ CRUD、ユーザー、バッジ設定、手動補正、Excel エクスポートを取り扱います。フォームは Zod + React Hook Form、日付は date-fns、トーストは Sonner、ダーク UI は Tailwind で組まれ、ネオングリーンとオレンジを差し色に据えた硬派なフィットネス×ゲーミング美学を表現しています。