developer coding user risk: low

HTML5/CSS/JS Habit Tracking App Builder

Create a habit tracking application using HTML5, CSS3, and JavaScript with daily, weekly, and monthly views, habit creation including frequency, reminders, and goals, streak tracki…

PROMPT

Create a habit tracking application using HTML5, CSS3, and JavaScript. Build a clean interface showing daily, weekly, and monthly views. Implement habit creation with frequency, reminders, and goals. Add streak tracking with visual indicators and milestone celebrations. Include detailed statistics and progress graphs. Support habit categories and tags for organization. Implement calendar integration for scheduling. Add data visualization showing patterns and trends. Create a responsive design for all devices. Include data export and backup functionality. Add gamification elements with achievements and rewards.

EXPECTED OUTPUT

Format: code

SUCCESS CRITERIA

Create a habit tracking application using HTML5, CSS3, and JavaScript
Build clean interface with daily, weekly, monthly views
Implement habit creation with frequency, reminders, goals
Add streak tracking, statistics, graphs
Support categories, tags, calendar integration, responsive design, data export, gamification

FAILURE MODES

Incomplete feature implementation
Using unsupported technologies or frameworks
Non-responsive design
Missing data persistence or visualization

CAVEATS

Missing context

Data persistence method (e.g., localStorage, IndexedDB)
External libraries allowed? (e.g., Chart.js for graphs)
Output delivery: single HTML file or project folder?
Browser compatibility targets

Ambiguities

'Calendar integration' unclear – external service or in-app calendar?
'Reminders' unspecified – browser notifications, emails?
'Data export and backup' lacks formats or methods.
No mention of app structure: SPA, multi-page, file organization.

QUALITY

OVERALL: 0.70
CLARITY: 0.90
SPECIFICITY: 0.80
REUSABILITY: 0.30
COMPLETENESS: 0.70

IMPROVEMENT SUGGESTIONS

Specify data storage: 'Use localStorage for persistence.'
Clarify integrations: 'In-app calendar view; optional Web Notifications API for reminders.'
Define output: 'Deliver as a single, self-contained HTML file with inline CSS/JS.'
Add constraints: 'No external libraries; pure vanilla JS.'
Parameterize for reusability: 'Replace [app_name] with habit tracker.'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.