Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Time Tracking Dashboard using Fetch API

@Sezalsaundarya11

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Project Retrospective: Time Tracking Dashboard Challenge

Most Proud Of: I'm most proud of successfully implementing the functionality to fetch data from a JSON file and dynamically update the dashboard based on different timeframes ('daily', 'weekly', 'monthly'). The use of event listeners to switch between timeframes and update the displayed data accordingly enhances the user experience and functionality of the dashboard.

Next Time: Next time, I would focus on improving the code organization and structure to enhance readability and maintainability. Specifically, I would consider breaking down the functionality into smaller, reusable functions and modules. Additionally, I would explore error handling to gracefully handle scenarios such as failed API requests or unexpected data formats. Improving the design and styling of the dashboard would also be a priority to enhance its visual appeal and usability.

Support Needed: I would appreciate feedback on optimizing the code for better performance and scalability. Additionally, guidance on implementing error handling and improving the design would be valuable. Suggestions for additional features or enhancements to make the dashboard more robust and user-friendly would also be welcomed.

What specific areas of your project would you like help with?

Seeking Help: CSS Styling for Time Tracking Dashboard

Request: I'm seeking assistance with the CSS styling for my time tracking dashboard project. Specifically, I'd like feedback and guidance on improving the visual design and layout to enhance user experience and appeal.

Areas Needing Attention:

  1. Layout Optimization: Suggestions on improving the layout to make it more intuitive and visually appealing.
  2. Responsive Design: Tips for ensuring the dashboard is fully responsive across various screen sizes and devices.

Additional Context: The current CSS styling is functional but lacks finesse. I aim to create a polished and professional appearance for the dashboard to provide users with a seamless and enjoyable experience. Any suggestions, tips, or resources related to CSS design principles and best practices would be greatly appreciated.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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