ProductAvailabilityWidget
React-based product availability calendar widget with real-time inventory checks and date selection for event-based products.
Embeddable calendar widget under 50KB
Quick Stats
Mar 2024 - Oct 2025
144 / 186
My commits / Total
0
Lead Developer
77.4%
Lead Developer
Project Metrics
Period
Mar 2024 - Oct 2025
Role
Lead Developer
Team
2 people
<50KB
Bundle Size
<100ms
First Paint
95+
Lighthouse
40%
Support Reduction
Tech Stack
Key Features
Calendar Interface
Month and week views with color-coded availability status
Real-time Data
TanStack Query with automatic refresh and offline support
Embeddable
Script tag integration with configurable styling
Multiple Instances
Support for multiple calendar widgets on same page
Performance
Under 50KB gzipped, <100ms first paint
Keyboard Navigation
Full keyboard support for accessibility
My Contribution
Role
Lead Developer
Key Contributions
- Widget architecture design
- Calendar component development
- API integration layer
- Performance optimization to under 50KB
Achievements
<50KB
Bundle Size
<100ms
First Paint
95+
Lighthouse
40%
Support Reduction