Conversation
… each task status button click
Npahlfer
left a comment
There was a problem hiding this comment.
Great job on the todo app, Gabriella!
I love how you went above and beyond with the stretch goals, adding categories, deadlines, a cool chart for task distribution, and even local storage with zustand persistence. The empty states are super friendly too.
One tiny thing to polish: in TaskDeadline.jsx, you’re rendering a <p>{isOverDue}</p> that shows the boolean value instead of the deadline date; just remove that line and the component will look cleaner (right now it renders nothing). The overdue color logic also hardcodes #cb2121; since you already pull colors from the theme for everything else, adding an overdue color (e.g., theme.colors.button.overdue) would keep the palette consistent.
You nailed all the requirements too, tasks appear correctly with completion toggling, counts are visible, and the responsive design works smoothly on mobile. The accessibility is solid with proper alt attributes on all images. The code organization is well done, components are well separated, the theme drives colors and media queries everywhere, and the state is cleanly managed with Zustand. Keep up the great work!
Netlify link: https://planiture.netlify.app/