Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

responsive crowdfunding platform with animated display numbers

@fibonacci001

Desktop design screenshot for the Crowdfunding product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I recently wrapped up the Frontend Mentor crowdfunding product page challenge and let me tell you, that was a doozy! 😅 I'm pretty stoked with how it turned out overall - I got all the major parts working like pledge selection, progress bar magic, and bookmark toggling. 🎉

But I gotta admit, I struggled a bit getting that backers counter to tick up properly when someone pledged. 😫 In my JavaScript I had the logic to increase the totalBackers number, but just couldn't get the DOM element to display the new count. Rookie mistake! 🤦‍♂️

Accessibility-wise, I know there's room for improvement. I need to rely less on visuals alone, add keyboard navigation, all that jazz. 🎵 I won't pretend to be an accessibility expert just yet, but it's definitely on my learning agenda!

My code organization is getting there I'd say. Baby steps! 👶 At least I had the sense to split my CSS into different files - modularization for the win!

Anyway, this was a super valuable challenge to build a responsive page with fun interactions. I learned a ton and feel way more prepared to level up my skills for the next project. Let me know if you have any other feedback on my code! I'm all ears! 👂👂👂

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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