What inspired you?

PinkPaws was born from the need for exciting energy of shows like Art Attack and the DIY spirit of Pogo's M.A.D. for my niece - those magical moments when crafting feels like pure adventure! We wanted to capture that same enthusiasm but make it accessible for busy modern lives.

The inspiration struck when we realized how many people love the idea of crafting but struggle with:

  • Time constraints - "I don't have hours to dedicate"
  • Planning paralysis - "Where do I even start?"
  • Motivation gaps - "I started but never finished"
  • Solitary experience - "Crafting alone feels lonely"

We envisioned a world where crafting becomes as engaging as a mobile game, as social as a fitness app, and as accessible as ordering coffee. What if your phone could be your craft companion, cheering you on with a gentle voice and making every small step feel like a victory?

What you learned

Building PinkPaws taught us invaluable lessons across multiple domains:

Technical Learning:

  • Progressive Web Apps (PWAs) - Creating a seamless mobile-first experience that works offline and feels native
  • Advanced state management - Using Zustand for clean, persistent state without React Context complexity
  • Real-time systems - Implementing Supabase real-time subscriptions for collaborative features
  • Voice integration - Combining Web Speech API with ElevenLabs Conversational AI for natural interactions
  • Subscription architecture - Building dual RevenueCat/Stripe integration with automatic failover
  • File upload optimization - Handling multi-format uploads with automatic compression and thumbnail generation

UX/Design Learning:

  • Gamification psychology - Balancing achievement systems without creating addiction
  • Voice UX patterns - Designing conversational flows that feel natural and helpful
  • Mobile-first responsive design - Creating interfaces that work beautifully across all screen sizes
  • Accessibility in craft apps - Making creative tools usable for people with different abilities

Product Learning:

  • Anonymous-to-permanent user flows - Reducing signup friction while enabling account security
  • Feature gating strategies - Balancing free value with premium incentives
  • Community building - Creating social features that enhance rather than overwhelm the crafting experience

How you built it

Architecture & Planning: We started with a mobile-first PWA approach, choosing React + TypeScript for type safety and developer experience. The architecture centers around two core Zustand stores (authStore, craftStore) that handle all global state management without React Context overhead.

Development Process:

  1. Core MVP - Built basic craft planning and session management
  2. Authentication Layer - Implemented anonymous-first auth with email upgrade path
  3. Voice Integration - Added Web Speech API + ElevenLabs conversational AI
  4. Social Features - Leaderboards, groups, and sharing capabilities
  5. Subscription System - RevenueCat Web Billing with Stripe fallback
  6. Performance Optimization - PWA capabilities, offline sync, caching strategies

Key Technical Decisions:

  • Supabase Backend - For real-time database, authentication, and storage
  • Zustand State Management - Clean, persistent state without provider hell
  • Framer Motion - Smooth animations that enhance the cozy feel
  • Tailwind CSS - Rapid UI development with custom pink/coral theme
  • Vite Build System - Fast development and optimized production builds

Data Architecture:

  • Users Table - Profile, preferences, XP, streaks
  • Crafts Table - Projects with steps, progress tracking, media uploads
  • Groups Table - Collaborative crafting communities
  • Leaderboard Table - Social achievement tracking
  • Subscriptions Table - Payment status across multiple providers

The challenges you faced

Technical Challenges:

  1. Voice Integration Complexity

    • Challenge: Combining Web Speech API (for basic voice) with ElevenLabs Conversational AI (for advanced interaction) created state management complexity
    • Solution: Built a unified VoiceCompanion component that seamlessly switches between APIs based on subscription status and feature availability
  2. Anonymous User Experience

    • Challenge: Users want to start crafting immediately but also need account security
    • Solution: Implemented anonymous authentication with seamless email linking via OTP verification, preserving all craft data during conversion
  3. Real-time Collaboration

    • Challenge: Multiple users working on group crafts needed live updates without conflicts
    • Solution: Leveraged Supabase real-time subscriptions with optimistic updates and conflict resolution
  4. Cross-Platform File Handling

    • Challenge: Users upload images, videos, and documents across different devices and browsers
    • Solution: Built unified upload system with automatic compression, format conversion, and thumbnail generation
  5. Subscription Architecture

    • Challenge: Needed robust payment processing with maximum conversion rates
    • Solution: Implemented RevenueCat Web Billing as primary with Stripe fallback, enabling A/B testing and revenue optimization

UX/Design Challenges:

  1. Gamification Balance

    • Challenge: Making achievements motivating without feeling manipulative
    • Solution: Focused on intrinsic motivation (craft completion, skill building) with gentle XP rewards and streak tracking
  2. Voice UX Design

    • Challenge: Voice interactions can feel awkward or unnatural
    • Solution: Created contextual voice prompts that feel like a helpful companion, not a robotic assistant
  3. Mobile Craft Planning

    • Challenge: Complex craft projects are hard to plan on small screens
    • Solution: Built step-by-step wizard with voice input, automatic scheduling, and visual progress tracking

Business/Product Challenges:

  1. Feature Gate Strategy

    • Challenge: Balancing free value with premium incentives
    • Solution: Free users get 3 crafts/day, 5 images, basic features. Premium unlocks unlimited everything plus voice companion
  2. User Retention

    • Challenge: Craft projects take days/weeks, risking user drop-off
    • Solution: Daily challenges, streak bonuses, social leaderboards, and bite-sized session reminders
  3. Content Safety

    • Challenge: User-generated craft content needs moderation
    • Solution: Built-in safe crafting mode with content sanitization and family-friendly defaults

Built With

Share this project:

Updates