Back to battles
easyupcoming
Habit Tracker
Track daily habits with streaks, statistics, and visual calendars.
25 min limit0 participants
javascriptcssproductivity
PRD
# Habit Tracker PRD ## Overview Build a habit tracking application that lets users define habits, check them off daily, visualize streaks with a GitHub-style heatmap, and view detailed statistics. ## Requirements - Add habits with a name, color, and frequency (daily or weekly) - Check off habits for each day with a single click - Display current streak and longest streak per habit - Calendar heatmap view (GitHub contribution graph style) showing completion density - Weekly completion percentage for each habit - Habit categories or groups for organization (e.g., Health, Work, Learning) - Set daily reminders using the Notification API (with permission request) - Archive completed or inactive habits (hidden from main view but data preserved) - Undo today's check-in for a habit - Add optional notes per day per habit - Statistics dashboard with weekly and monthly trend charts - Drag to reorder habits in the list - Export all data as JSON file download - Persist all data to localStorage - Responsive mobile-friendly design ## Tech Stack - HTML, CSS, JavaScript (vanilla or any framework) - Canvas or SVG for heatmap visualization ## Scoring Criteria - **Functional (40%)**: Habit creation works, check-off works, streaks calculated correctly - **Quality (20%)**: Accurate streak logic, smooth UI interactions, clean code - **Fidelity (25%)**: All features present including heatmap, statistics, reminders, export - **Speed (15%)**: Time bonus
Battle Stats
Time Limit25 min
Participants0
Statusupcoming
Rules
- AI-assisted coding tools only -- no manual edits
- Stay within the time limit
- Scoring based on correctness, code quality, and speed
- Session must be recorded via the CLI