Time Tracking Dashboard with CSS Flex, Grid

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

• Managed to dynamically generate the html content with relative ease
• Switching between the different data sets using JS
• Would probably think more about how to insert the html content, before building the page, could probably make a more simple structure

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

• Switching between the different views (daily, weekly, monthly) - did it by emptying the html containers and repopulating them, using the index to match the data with the respective container

data.forEach((item, index) => {  
            containerWrappers[index].innerHTML = '';
            appendItem(containerWrappers[index], item, view);                           
        })     

• Applying an active state to the currently selected view - I did it by deleting all the states when clicking, before applying the current one

card.addEventListener('click', ()=>{        
        cardSelect.forEach(otherCard => otherCard.classList.remove('active'));

        card.classList.add('active');

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

Could probably use a way of handling the dynamic content with less loops.