Habit Garden Vite App
Build a runnable habit-tracking garden app from generated Vite project files.
habit tracker · Vite app · application preview · localStorage · garden visualization
Last updated:
Create a complete runnable Vite browser app called Habit Garden as a multi-file project. Include package.json, index.html, src/main.js, src/style.css, and any other needed files. The app should let me add habits, mark today's progress, and show a weekly garden visualization. Please return the full project files so OpenMates can preview it as an application.
Here is a complete, runnable Vite project for your **Habit Garden**. It uses vanilla JavaScript, CSS, and HTML. The app stores your habits in the browser's `localStorage` so you won't lose your progress when you refresh. Every habit you add gets assigned a unique flower. When you complete a habit for the day, that flower blooms in your garden grid; if you miss it, it stays a tiny sprout. ### `package.json` ### `index.html` ### `src/style.css` ### `src/main.js` Enjoy building and watering your digital habits! Let me know if you'd like to extend it further, for example by adding streaks or customizing the flower types. --- *⚠️ This is educational information only and not professional psychological advice. For mental health concerns, please consult a qualified therapist or counselor. If you're experiencing a crisis, contact emergency services or a crisis hotline immediately.*