Time tracking dashboard using Mobile first layout

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

• I tried using web components to build this project.
• Encapsulating HTML, CSS and Javasript into one component and making it reusable made me try web components.
• And important thing was I can use any class names in this component and it will not affect the styles of main page.
• However, CSS variables defined in main file were accessible which was very helpful. I didn't have to redefine it in my component's CSS.

What challenges did you encounter, and how did you overcome them?

• I had decided to use web components, but I was not okay with adding css in javascript files.
• Finally, I found a solution that vite provides to import css inline as strings. That way I was able to create separate css files and import it into my components javascript.

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

Open for feedback