Time tracking dashboard (Next.js + TypeScript + Tailwind CSS + ESLint)

Community feedback

• 

  Mohammed Fakih•1,590

  @javascriptor1Posted about 1 year ago

  Hi MELVIN ,

  Excellent solution. Really impressive 👏👏.

  The only issue I noticed is the background color for the 6 main cards is visible on the bottom corners (right & left).

  Take for example the work card. If you notice the bottom corners from right and left, you will see orange colors from the background. It's very slight though, merely noticed by eyes.

  Your solution is perfect indeed. I hope if you have free time to share with us in a writeup how you can produce an exact pixel-perfect solution in such a remarkable way.

  Thank you so much.

  2

  ---

  

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted about 1 year ago

  Hello! @javascriptor1

  Thank you for your keen observation and feedback. Indeed, during the development process, I observed that slight background color discrepancy on the work card's bottom corners. It was subtle enough that I overlooked rectifying it. I'll ensure this is addressed promptly.

  Regarding my workflow, I begin by crafting the HTML structure and prioritize addressing accessibility concerns. Once the structure is robust, I focus on the styling. I generally start by aligning elements and styling them by eye to closely match the design. For precision, I employ an extension named PerfectPixel. This tool overlays the design image onto the developed site, enabling a side-by-side comparison. This greatly aids in ensuring the design implementation aligns almost pixel-perfectly with the original design.

  Screenshot.

  Thank you again for your feedback!

  4

  

  Mohammed Fakih•1,590

  @javascriptor1Posted about 1 year ago

  Great - Thanks for your feedback @MelvinAguilar

  1

  

  Mohammed Fakih•1,590

  @javascriptor1Posted about 1 year ago

  Hi @MelvinAguilar ,

  Just a question if you please regarding extension PerfectPixel. As you know, all designs on FEM are made for Desktop: 1440px.

  What if I don't have a screen size of 1440px? would I still be able to utilize this extension? My screen size is 1366px.

  Thanks, MKF

  1

  

  Mohammed Fakih•1,590

  @javascriptor1Posted about 1 year ago

  Update : Hi @MelvinAguilar ,

  Thanks to your screenshot for the tool, I just noticed that I can use dev tools to set screen width which would mimic a screen of required width. I will give it a try tonight.

  Thanks once again. MKF

  1
• 

  saidi ali•270

  @alihydroPosted about 1 year ago

  Excellent solution. Really impressive 👏👏.

  1

  ---

  

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted about 1 year ago

  Thank you so much! @alihydro. Your positive feedback is greatly appreciated! 👏👏

  0
• 

  Yousef•90

  @ousey-ouseyPosted 12 months ago

  THAT'S GOOD i noticed that the bottom of number appear last-week and result bur while i use daily or monthly still the word "last week "

  0