dkj468 / habit-tracker Goto Github PK

Currently user could select habit start date from the past, which is not a practical thing

consider below data

Today's Date : 1st Nov
in this data, user updated habit streak data last on 29th October , so after 29th , all other days should be considered as failure and habit streak should be 0. But UI is showing below data :

User should be able to undo the action done for the day.

If action for today is 'done' then dropdown menu should have option to 'undone' for the day.
on 'undone' streak screen must be updated accordingly

If action for today is 'fail' then dropdown menu should have option to 'un-fail' for the day.
on 'un-fail' streak screen must be updated accordingly

If action for today is 'skip' then dropdown menu should have option to 'un-skip' for the day.
on 'un-skip' streak screen must be updated accordingly

currently, if habit list is empty then a blank screen is displayed.

design something like this :

• #4
• #2
• integrate new add habit component with blank habit list and habit container header

useHabitsContext has all the business logic for the habits and its related functionality - which is not a best practice with React development,

On Date change , show the habit's data. this includes

• Habits created on or after selected date.
• Habit's statistics data

Actions required in drop down menu :

1. Skip
   • Skip action should be updated accordingly in DB and on streak screen.
2. Fail
   • Fail action should be updated accordingly in DB and on streak screen.

If user didn't update the habit streak on a given day, need to decide what should happen ? Fail or Skip

as per above data, streak count should be 2 and streak start date should be 31st Dec