Todo app :) - #50
Open
daniellauding wants to merge 5 commits into
Open
Conversation
- Add reusable UI components (Button, Input, List, Section, Main, Fab) - Implement Zustand store with localStorage persistence - Add custom checkbox with Check icon - Add frosted glass header showing task counts - Support dark/light mode via CSS variables - Add edit/delete functionality for tasks Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace opacity-based muted text with proper contrast colors - Add --text-muted CSS variable (7:1 contrast ratio) - Fixes Lighthouse accessibility contrast warnings Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Npahlfer
approved these changes
Feb 7, 2026
Npahlfer
left a comment
Npahlfer
left a comment
There was a problem hiding this comment.
Amazing job on the Todo app Daniel! I like how you went for that Apple Notes style, it's super clean and your UI is really polished with all the accessibility features you implemented.
I also really like how you used ARIA attributes properly (like aria-live="polite" and aria-atomix), that’s something that many people overlook.
The code structure is really well organized, each component has a clear purpose and I like that you are consistent with the styling and css variables (apart from some places ;) ).
Really great job on this you’ve gone above and beyond the requirements and also really nice that you did it all in typescript. Keep up the awesome work!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Link
Wanted to play with a simple apple notes style UI and UX. Zustand was great to write clean code and used styled components in this project. Still prefer tailwind for faster styling development :)
You can use this app with this features:
Will implement later: