Time-Tracking-Dashboard using React

Solution retrospective
This was a great challenge that allowed me to really start implementing my react knowledge. It was a great combination of all of the languages I've been learning: HTML, CSS, Javascript, and React.
What specific areas of your project would you like help with?All feedback is helpful!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @khatri2002
Hi! The developed solution looks good! Code splitting is handled very well! great job!
If you notice in the console, there is a warning:
Warning: Each child in a list should have a unique "key" prop.This warning is coming from the
Layout
component in the following snippet:{fetchData ? fetchData.map((card) => <Card title={card.title} data={card} />) : <h1>Loading</h1>}
To fix this, consider introducing a
key
prop in the above snippet, like so:{fetchData ? fetchData.map((card, index) => <Card key={index} title={card.title} data={card} />) : <h1>Loading</h1>}
Make sure the
key
is unique for each item, such as anid
field from the data object.Additionally, consider adding hover animations as suggested in the given design reference to enhance the user experience.
Great job so far! Keep it up! 🚀
Marked as helpful
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