Add Habit Tracker app idea

pull/945/head
LetitiaGilbert 1 year ago
parent 08b771c863
commit aeb8b50b92

@ -0,0 +1,41 @@
# Habit Tracker
**Tier:** 1-Beginner
A simple application to help users track and build good habits over time. Users can add daily habits, mark them as completed, and view progress in a calendar or list format.
- **Purpose:** The app motivates users to maintain consistency and visualize their progress.
- **Resources needed:** None — can be built using basic HTML/CSS/JS or any beginner-friendly framework.
## User Stories
- [ ] User can create a new habit with a name and optional description
- [ ] User can mark a habit as completed for the day
- [ ] User can view a list of all habits
- [ ] User can see a weekly or monthly progress summary
- [ ] User can delete or edit existing habits
## Bonus features
- [ ] User can set reminders or notifications for habits
- [ ] User can visualize progress with charts or streak counters
- [ ] User can categorize habits (e.g., Health, Study, Fitness)
- [ ] User can export or save habit data to a file or cloud
## Useful links and resources
- [JavaScript Date documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date)
- [CSS Grid Tutorial](https://css-tricks.com/snippets/css/complete-guide-grid/)
- [Simple Habit Tracker Tutorial (freeCodeCamp alternative)](https://www.freecodecamp.org/news/every-time-you-build-a-to-do-list-app-a-puppy-dies-505b54637a5d/)
- [Build a Habit Tracker App with React and Local Storage (GeeksforGeeks)](https://www.geeksforgeeks.org/reactjs/build-a-habit-tracker-app-with-react-and-local-storage/)
- [5 Ways to Build a Habit Tracker in Notion (Thomas Frank)](https://thomasjfrank.com/5-ways-to-build-a-habit-tracker-in-notion-free-template-included/)
- [The Ultimate Habit Tracker Guide (James Clear)](https://jamesclear.com/habit-tracker)
- [Building a Powerful Habit Tracker in Obsidian](https://forum.obsidian.md/t/building-a-powerful-habit-tracker-in-obsidian-a-complete-guide/92884)
## Example projects
These are real-world apps that implement similar functionality.
- [Loop Habit Tracker](https://loop-habit-tracker.vercel.app/)
- [Habitica](https://habitica.com/)
Loading…
Cancel
Save