time-tracking-dashboard

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

Working with SCSS animations, BEM & MediaQueries specially working with CSS GRID Areas combined with Dynamic Grid columns and rows. And of course creating all the logic to create the cards dynamically with javascript the use of fetch() and forEach method and interact with the DOM to clone and add cards to the UI also using the Switch conditional system to give the right icon and color to each card. and the forEach method. It has been the most difficult challenge until now, but I am happy I managed to finished it.

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

let bgIcon = cardClone.querySelector('.card__bgIcon'); bgIcon.style.backgroundImage = url(./assets/images/${iconPath}); //🐞🚩is important to give the path thinking this will be request from the root folder not from the script folder that is why only one dot was used.me as above

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

none