MENU

GET IN TOUCH

rogerchan704@gmail.com
Back

LovedByMen

Year

2025

Tech & Technique

Next.js, Spabase, Stripe, NextAuth, Tailwind CSS, React Hook Form, Prisma, PostgreSQL, Cloudflare, TRPC

Description

LovedByMen is a fashion-focused social networking platform that bridges the gap between women's self-expression and men's perspectives on style. It offers a space where women can share their fashion choices through selfies and articles, receiving genuine feedback from male users. This interaction aims to provide insights into what captivates men's attention in women's fashion.

Key Features:
  • 🖼️ Media Upload System: Supports image-based fashion content uploads with user tagging
  • 🔄 Real-Time Feedback: Interactive reaction and tipping system for instant engagement
  • 👥 Role-Based Features: Distinct experiences for male and female users with tailored functionality
  • 💬 Community Features: Club and bounty creation with comment and engagement systems
  • 💸 Monetization Tools: Tip and reward integration with user wallet tracking
  • 📱 Fully Responsive: Optimized UI/UX across desktop, tablet, and mobile devices
  • 🔍 Search & Filtering: Fashion content discoverability through categories, clubs, and tags
  • 🧩 Modular Architecture: Feature-rich sections like bounties, clubs, articles, and profiles built as independent modules
  • 🔐 Authentication System: Account-based login with user-specific dashboards
  • 📊 Analytics Integration: Creator statistics including views, likes, and earnings

Technical Highlights:
  • Role-based access control for user interaction flow
  • Real-time tipping and reaction system integration
  • Modular club and bounty system architecture
  • Responsive UI built with modern CSS utilities
  • Dynamic content filtering and tag-based search
  • User wallet with tipping and earnings tracking
  • Media upload pipeline with performance optimization
  • Custom routing for articles, clubs, and profiles

My Role

Lead Developer
Owned the entire development lifecycle:
  • ✅ Backend: Built with Next.js API routes and tRPC for type-safe server communication
  • 🎨 Frontend: Developed UI using Mantine component library for rapid styling
  • 🛢️ Database: Integrated Prisma ORM with PostgreSQL for scalable data modeling
  • 🔄 API Layer: Implemented end-to-end typesafe APIs using tRPC and Zod
  • 🖼️ Media Handling: Utilized Cloudflare Images for optimized storage and delivery
  • ⚙️ State Management: Leveraged tRPC hooks for client-side data fetching and caching
  • 🚀 Deployment: Hosted on Vercel with automatic build and preview pipelines
  • 🔌 Third-Party Integration: Configured external services like tip payments and analytics

ROGER

rogerchan704@gmail.com