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로 네온 그린·오렌지 액센트의 거친 피트니스 게임 미학을 구현합니다.