a24danwe commented

Collaborator

Created a ToDoView. It makes a checklist of your created tasks which a progress bar that gives you a visual indication of how much you have completed.

a24danwe added 6 commits

2026-05-18 11:58:46 +00:00

Create ToDoView a4811244b4

This is a new view which is intended to be used as a checklist. You create a task and then you can mark it as complete when you are done. When you complete a task the progress bar will go up.

Add description 0879768f52

This adds a description to the card so you can read what it does before adding it.

Add to dashboard f045b2d253

This makes it so the view is visible.

Styling fix dece5b6e90

Create TodoView.module.css a832fa46ac

Creates styling for the ToDoView, including the progress bar and task layout.

Improve ToDoView styling 7da40998c3

a24danwe commented

2026-05-18 12:01:28 +00:00

Author

Collaborator

Issue #937

a24danwe added the

needs review

label

2026-05-18 12:02:31 +00:00

a22erigr requested review from a24nedka

2026-05-19 06:56:07 +00:00

a24nedka commented

2026-05-19 08:51:26 +00:00

Collaborator

Review on #995

Whats done

Reviewed implementation of the new personal to-do list view and progress tracking functionality

Tested on Windows using Firefox

App starts
No errors detected
Verified the new ToDoView renders correctly
Tested adding new tasks.
Tested removing tasks.
Tested checking/unchecking tasks.
Verified progress bar updates correctly depending on completed tasks.
No UI braking issues found.

Inspected following files : ToDoView.js, ToDoView.module.css, Dashboard.js, tooltipConfig.js, AddCardModal.js

All inspected files generally follow the project JavaScript/React and CSS coding conventions.
Naming conventions is correctly used.
Formatting, spacing, indentation, and comments are overall consistent with project standards.
The new ToDoView integrates cleanly into the existing dashboard structure and follows existing architectural patterns.
CSS modules are structured clearly with descriptive comments and reusable layouts.
Small issues found see down below what needs to be fixed.

What needs to be done

Need to fix the button add so it can be seen in darkmode. See screenshot down below.
Issue abow can be fixed with changing hardcoded color to follow theme.

Conclusion

Not ready for merge before the issue is fixed.

# Review on #995 ## Whats done + Reviewed implementation of the new personal to-do list view and progress tracking functionality ### Tested on Windows using Firefox + App starts + No errors detected + Verified the new ToDoView renders correctly + Tested adding new tasks. + Tested removing tasks. + Tested checking/unchecking tasks. + Verified progress bar updates correctly depending on completed tasks. + No UI braking issues found. ### Inspected following files : ToDoView.js, ToDoView.module.css, Dashboard.js, tooltipConfig.js, AddCardModal.js + All inspected files generally follow the project JavaScript/React and CSS coding conventions. + Naming conventions is correctly used. + Formatting, spacing, indentation, and comments are overall consistent with project standards. + The new ToDoView integrates cleanly into the existing dashboard structure and follows existing architectural patterns. + CSS modules are structured clearly with descriptive comments and reusable layouts. + Small issues found see down below what needs to be fixed. ## What needs to be done + Need to fix the button add so it can be seen in darkmode. See screenshot down below. + Issue abow can be fixed with changing hardcoded color to follow theme. ## Conclusion + Not ready for merge before the issue is fixed. ![image](/attachments/691f7c14-28c2-4844-93ab-11cdd7b229e5)![image](/attachments/8a6a516a-ec39-45c6-a657-30cdea5c7c86)

image.png

24 KiB

image.png

23 KiB

a24nedka added

reviewed

and removed

needs review

labels

2026-05-19 08:51:40 +00:00

a24danwe added 1 commit

2026-05-19 17:05:04 +00:00

Replace hardcoded colors with colors from theme.css a5b0abfaef

a24danwe added 1 commit

2026-05-19 17:08:39 +00:00

Replace hardcoded colors with colors from theme.css a9e39e244e

a24danwe commented

2026-05-19 17:11:07 +00:00

Author

Collaborator

Thank you for the review!

I have improved the hardcoded colors and replaced it with appropriate colors from theme.css in frontend/src/app/theme.css

I think this is better even though for example the progress bar is more of a dark purple than a green color.

Thank you for the review! I have improved the hardcoded colors and replaced it with appropriate colors from theme.css in frontend/src/app/theme.css I think this is better even though for example the progress bar is more of a dark purple than a green color.

a24danwe added

needs review

and removed

reviewed

labels

2026-05-19 17:11:41 +00:00

a24danwe added 1 commit

2026-05-19 17:17:16 +00:00

Spelling fix c7a1ec7cc7

a22erigr added 1 commit

2026-05-20 07:05:18 +00:00

Merge branch 'team_2_week_6' into #937-Personal-to-do-list 3c5324c0df

a22erigr commented

2026-05-20 07:12:04 +00:00

Collaborator

The card now follows the color scheme
The buttons are not visible. This will probably be fixed after our new card design. There by the issue is seemed to be fit to merge.

![bild](/attachments/09140c5f-6c26-445b-a19b-f481008c7be5) + The card now follows the color scheme + The buttons are not visible. This will probably be fixed after our new card design. There by the issue is seemed to be fit to merge.

bild.png

14 KiB

a22erigr merged commit ac5a2e41e1 into team_2_week_6

2026-05-20 07:12:37 +00:00

a22erigr referenced this pull request from a commit

2026-05-20 07:12:39 +00:00

Merge pull request '#937-Personal-to-do-list' (#995) from #937-Personal-to-do-list into team_2_week_6

a24danwe referenced this pull request

2026-05-20 08:32:21 +00:00

Personal to do list #937

a24danwe self-assigned this

2026-05-20 12:59:19 +00:00