Crowdfunding product page 📑

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

I recently completed a JavaScript course, and this was refreshing as I went beyond the scope of the challenge to test what I learnt.

Pledge System

• Users can make pledges with or without rewards
• Different pledge tiers ($25, $75, $200)
• Custom pledge amounts above the minimum tier value
• Out-of-stock handling for unavailable rewards
• Progress tracking toward $100,000 goal

State Management

• Local storage persistence for:
  • Pledge counts
  • Total amount backed
  • Number of backers
  • Bookmark state
• Real-time UI updates

Interactive UI Components

• Animated progress bar
• Statistics counter animations
• Responsive modal system
• Bookmarking functionality

Accessibility Features

• ARIA labels and roles
• Keyboard navigation support
• Skip to main content link
• Focus management in modals
• Screen reader considerations

User Feedback

• Success/failure messages
• Goal reached notifications
• Out of stock indicators
• Form validation

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

I think using a software design pattern like MCV would have been a better approach to organize my code, but I worried that it was a bit overkill for such a small project like this. However, I think I would be using that for my next project, if needed.

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

I'm open to any feedback. 🧐