/habit-tracker-01

App to practice Angular

Primary LanguageTypeScript

Mock Server

End points:

  1. All users: http://localhost:3000/users
  2. All habits: http://localhost:3000/habits
  3. User habits: http://localhost:3000/users/{userId}/habits
  4. Habits trackers: http://localhost:3000/habits/{habitId}/trackers

How to create a multi-dimensional table: a note to myself

  • Add <tr></tr> for each row you want
  • Let's say you have four categories horizontally and four categories vertically:
    • So for the horizontal categories you'll need one row
    • For the vertical categories you'll need another four
    • That gives you total five trs.
    • Now because these categories are headers, use <th></th> instead of <td></td> because td stands for table data
    • Group all your headers in <thead></thead> ??
    col1 col2 col3 col4
    row 1 data 1 data 2 data 3 data ?
    row 2 data 5 data 6 data 7
    row 3 data 8 data 9 data 10

Next Tasks

  • When a new habit is added, the page needs a manual refresh
  • When a task is clicked checked; there should be a entry for trackers
  • Refactor existing code
    • Need to add find Tracker method. At the moment having asynchornous issues when trying to separate it out of the updateStatus method
  • Currently on page refresh, checked status is gone. need to fix that
  • If tracker created and status false; red checkbox/ cross
  • Add styling for checked unchecked status
  • Add tests
  • Add pipeline
  • Add backend

Test cases

Draft thoughts