Design comparison
SolutionDesign
Solution retrospective
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
- 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.
Community feedback
- @PeterBachman100Posted 5 months ago
Looks good! I especially like that the desktop layout is responsive to narrower widths.
1
Please log in to post a comment
Log in with GitHubJoin 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