White Cap
Category
Engineering
Role
React Developer
Client
WhiteCap
Summary
White Cap is a one-stop shop providing concrete accessories & chemicals, tools & equipment, building materials & fasteners, erosion and waterproofing, and safety products for professional contractors.
Overview
Developed the White-Cap project, focusing on dynamic image handling and interactive user experience — animated markers on images, categorized to surface contextual information based on user interaction.
Solution
Used GSAP (GreenSock Animation Platform) to animate the markers smoothly, React.js with TypeScript for a type-safe, maintainable structure, and a responsive layout built with Tailwind CSS and shadcn/ui. Users can switch between images while corresponding markers update accordingly.
Key Features
- Animated, categorized image markers
- Image-switching with synced marker state
- GSAP-driven micro-interactions
Tech Stack
Links
Looking to make your mark? I'll help you turn your project into a success story.