Skip to content
Submitted almost 2 years ago

Time Tracking Dashboard

tailwind-css
Victoria Azola Silva•1,290
@VickyAzola
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there! 👋 This was my first time using a JSON file as data. It was difficult to learn how to read it and display it in the HTML, respectively, but I got some help from my brother (an engineer), and in the process, I learned about the async function, await and .find() which I have never used before.

Any feedback is appreciated 🤗

Code

Please log in to post a comment

Log in

Community feedback

  • SHAKSHI MITTAL•310
    @Shakshi-Mittal-Tech

    Hey! Your version stands out for its use of Tailwind CSS and has a modern, clean structure. The responsiveness is well-handled and the overall layout works well on different screen sizes.

    However, the font used doesn't quite match the original Rubik font, which slightly changes the look and feel.

    Also, the alignment and spacing of time data (like “10hrs” and “Last Week - 8hrs”) are not perfectly aligned, making it look a bit unbalanced in some sections.

    Improving text alignment and switching to the Rubik font will bring it much closer to the original design and enhance the professional appearance.

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