An app that helps you track the time you spend pursuing your goals.
✅ Create tasks, goals, or dreams according to their size and scope.
✅ Sort and filter your tasks according to priority, deadline date, and your current progress metrics.
✅ Get visual feedback on your progress.
✅ Use Pomodoro timer to track your time.
Necessary
- Rewrite forms with React Form Hook
- Make an Account page
- Make an initial page
- Add a loading skeleton for lists
- Add loading buttons where appropriate (from shadcn)
- Make a Not Found page
- Make an error toast
- Change timer design for breaks
- Deal with authentication
- Add validation for username edit
- Add registration form
- Add some background
Nice to have
- Redo duration input to match what's in the Android timer (React Aria TimeField)
- Adjust all sizes to make sure they look good on mobile
- Have the ability to reorder list items by dragging them
- Make timer toast text to slide infinitely (like Spotify)
- Implement item filter
- Add dark mode
- Add ability for users to add their social media links, description about themselves
If there's time
- Implement
prefers-reduced-motionmedia query - Try adding Million.js for smoother animations
- Add progress item bubble animation
Done
- Tasks/Goals/Dreams list page
- Task form modal
- Goal form modal
- Dream form modal
- Refactor the modal component (if possible)
- Make so that a user may work towards a goal when it has subtasks
- Connect "start timer" button in goals list to the timer page
- Add React Query
- Investigate which state management library to use for forms and list page
- Rewrite all of the state management in Goals list page with Jotai or Zustand
- Add timer toast
- Fix item input style in timer page
- Add timer to tab title
- Add fadeout gradient for lists
- Limit animations in modal transitions to modal content instead of the whole modal
- Make navbar sticky
- Remake navbar to stick to the bottom of the screen on mobile
- Save collapsed list items in local storage