I recently dove into Tailwind CSS, TypeScript, and Class Variance Authority—tools that expanded my development toolkit significantly. Using them, I successfully implemented a hover-triggered video playback on thumbnails and designed a sleek scrollbar effect for category navigation, enhancing both function and visual appeal.
My Contra Discovery Score has reached 114 points, placing me in the top 10% of creatives on the platform. My profile quality and profile completion are both at 100%, with a 5/5 average rating and availability turned on.
As a software engineer specializing in React, .NET, API development, and SAP Business One, I'm continuing to strengthen my Contra presence, showcase my portfolio, and connect with potential clients for new freelance opportunities.
Stoopid sells flavoured birchwood toothpicks (Atomic Apple, Mad Mint, Classic Cinnamon), and the brand is loud, playful and a little unhinged. A Shopify theme was never going to do it justice.
So I built a custom Next.js + Tailwind frontend on top of Shopify, with GoKwik handling checkout for Indian shoppers.
A few of my favourite bits:
→ Switch flavours in the hero and the whole page changes colour to match the pack
→ A pack-size picker (1, 2, 3 or 5 packs) with the saving shown upfront
→ Stoopid Sounds: a vinyl-style player for the brand's playlist
→ A draggable 3D photo dome of the Stoopid community
→ A "Don't Click" link in the nav. Obviously.
The best part for the team: products, inventory and orders all still live in Shopify admin, so nobody has to touch code to run the store.
Branding, packaging and design by Dhruvrajsinh Vala and Dhaivat Makadiya.
This is great work, the colour-shift on flavour switch is a nice touch. How are you handling product/variant syncing between Shopify admin and the Next.js frontend, webhooks plus ISR, or are you polling the Storefront API on each request?