Inspiration

The inspiration behind SocialProof stemmed from the growing need for genuine credibility in the professional world. In an era where online presence is paramount, authentic testimonials and social proof are invaluable assets.

We recognized a gap for a dedicated platform that not only facilitates the exchange of verified testimonials but also integrates advanced features to help professionals truly showcase their expertise and build trust.

Our goal:

Create a secure, efficient, and feature-rich environment where professionals confidently exchange feedback, enhance reputations, and accelerate careers.


What It Does

SocialProof is a comprehensive platform to collect, manage, and display authentic testimonials with a tiered subscription model:

  • Free Plan: Limited testimonials + basic profile customization.
  • Pro Plan: Unlimited testimonials, custom design templates, 24/7 AI chat support with human escalation, Gmail integration for automated notifications.
  • Team Plan: Adds advanced team role management, collaboration tools, automated email invitations, and API access for integrations.

Key Features:

  • Dynamic exchange marketplace for seeking/offering reviews
  • Real-time chat system for direct communication
  • Detailed profile pages showcasing expertise and testimonials

How We Built It

Frontend:

  • React 18 + TypeScript for maintainable, interactive UI
  • Tailwind CSS for responsive design
  • Framer Motion for animations
  • Lucide React for icons

Backend:

  • Supabase for:
    • PostgreSQL (database)
    • Supabase Auth (authentication)
    • Supabase Real-time (live updates for chat and notifications)

Deployment:

  • Netlify (global CDN, continuous deployment)

Integrations:

  • Gmail API for automated testimonial requests and invitations
  • AI chat support (currently rule-based, extensible to OpenAI/Cohere)

Development Principles:

  • Modular and reusable component structure
  • Strong UX focus with seamless authentication and real-time data updates

Challenges We Ran Into

  • Google OAuth Integration:
    • Managing CORS issues, proper API key initialization, and CSP conflicts during auth flows.
  • Supabase RLS:
    • Crafting detailed SQL policies to secure all tables (profiles, testimonials, requests, conversations, etc.).
  • Real-time Chat:
    • Handling Supabase subscriptions, conversation states, and unread counts efficiently.
  • Dynamic UI Based on Subscription:
    • Implementing robust feature gating and dynamic UI adaptation by plan.
  • Environment Variable Management:
    • Ensuring secure handling across dev and production environments.

Accomplishments We're Proud Of

✅ Seamless Google OAuth + Gmail integration for real-time notifications
✅ 24/7 intelligent AI assistant with escalation for Pro users
✅ 4-tier team role management system with email-based invitations
✅ Dynamic, real-time customizable testimonial templates (5 premium designs)
✅ Secure, scalable architecture with Supabase RLS + real-time updates
✅ Clear setup/troubleshooting guides for users and developers


What We Learned

  • Deep understanding of the Supabase ecosystem (PostgreSQL, Auth, Realtime, RLS)
  • Mastery of real-time data synchronization using Supabase subscriptions
  • Handling complex API integrations (OAuth, Gmail API)
  • Building flexible subscription management logic
  • Emphasizing UX design with Framer Motion animations and intuitive flows
  • Developing robust error handling strategies for APIs and DB operations

What's Next for SocialProof

  • Enhanced AI capabilities (OpenAI/Cohere integration for advanced chat and testimonial writing suggestions)
  • Mobile app development (iOS/Android)
  • More integrations (LinkedIn, Slack, CRMs)
  • Advanced analytics and reporting for tracking testimonial impact and growth
  • Stripe integration for seamless payments
  • Community-driven features within the exchange marketplace

Built With

Share this project:

Updates