From aeb8b50b9289b9a23c6a34a75112d7946ef5b796 Mon Sep 17 00:00:00 2001 From: LetitiaGilbert <139886239+LetitiaGilbert@users.noreply.github.com> Date: Fri, 3 Oct 2025 11:20:19 +0530 Subject: [PATCH] Add Habit Tracker app idea --- Projects/1-Beginner/Habit-Tracker.md | 41 ++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 Projects/1-Beginner/Habit-Tracker.md diff --git a/Projects/1-Beginner/Habit-Tracker.md b/Projects/1-Beginner/Habit-Tracker.md new file mode 100644 index 00000000..6dc47ec8 --- /dev/null +++ b/Projects/1-Beginner/Habit-Tracker.md @@ -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/)