Time tracking dashboard using tailwindcss, react, Next.js 15

Solution retrospective
- Used Zustand for state management.
- Focused on practical implementation by preparing multiple JSON files in lieu of a database and fetching data via Next.js App Router.
- Ensured a clear separation between presentation and business logic.
- Applied OOCSS principles by separating “container” and “skin” layers in component design.
Next, I’d like to integrate Storybook into the implementation.
What specific areas of your project would you like help with?-
Please share any feedback or improvement suggestions regarding overall component design.
-
I would appreciate feedback on state management approaches (including local state, Zustand, Context, etc.).
Please log in to post a comment
Log in with GitHubCommunity feedback
- @6alactico
Great work! One important suggestion: be mindful of when to use semantic elements and non-semantic elements. I noticed frequent use of
<div>
, where semantic elements would be more meaningful and improve accessibility. For instance, use heading tags for card titles and<p>
tags for hours. Also, don't forget to make use of pseudo-classes like:hover
and:active
to show different states.Marked as helpful - @MohsenDeniku
great job
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord