MealQuest

Simple client-side "tasks for food" app prototype.

Features

• Tasks with difficulty (easy=2, medium=3, hard=4)
• Meal point targets: breakfast 5, lunch 10, dinner 12 (configurable)
• Time-aware meal ranges (settings)
• SVG pie chart progress, history and leveling
• New: Inline task editing - tap task name to edit, tap difficulty to cycle, long-press difficulty for picker modal
• PWA features for homescreen installation (standalone mode)

Interactions

• Task editing: Click/tap the task name to edit it inline (save with Enter or focus loss, cancel with Escape)
• Difficulty quick-change: Click/tap the difficulty chip to cycle through easy → medium → hard
• Difficulty picker: Hold/long-press the difficulty chip to open a modern scroll picker modal
• Task deletion: Use the Delete button next to each task
• Meal tracking: Check off completed tasks to earn points; "Mark meal eaten" when you reach the target points

Files

• index.html — main app
• styles.css — styles
• app.js — application logic and storage

Run locally

1. Open index.html in your browser (no build step).
2. Or serve with a simple static server: python -m http.server 8000

Deploy to GitHub Pages

1. Create a new GitHub repository and push these files to the default branch (main).
2. In repository Settings -> Pages, set Source to "Deploy from a branch" -> main / root.
3. Save; GitHub will publish at https://.github.io//

Persistence & Data

• All data stored in browser localStorage under keys: mq_tasks_v1, mq_settings_v1, mq_history_v1

Notes

• Designed as a single-file static prototype; no server required.
• Aesthetic inspired by Kurzgesagt (colors/shapes only).

License MIT