Next.js 15 Performance
- Server components for data fetching, client components only when needed for interactivity
- App router patterns for clean URL structure and efficient page organization
Riddlit - Team Riddle Platform
Team-based riddle platform for daily brain challenges and friendly competition.
A riddle-solving platform where teams tackle daily challenges together. Features one-shot answers, live leaderboards, and streak tracking to keep teams engaged and competitive.
Build Key Features
- 01
Daily Riddles
New challenges every day, available for 24 hours. Miss one and wait for tomorrow. Keeps teams coming back with fresh content and time pressure.
- 02
Team Competition
Create teams, invite members, and compete together. Track collective progress while individual contributions count toward team success.
- 03
Live Leaderboards
Rankings update instantly as answers come in. See where your team stands and watch the competition unfold in real-time.
- 04
One-Shot Answers
Submit once per riddle - no do-overs. Creates genuine pressure and rewards careful thinking over quick guessing.
- 05
Multiple Answer Types
Text responses, multiple choice, numbers, or true/false. Riddle creators pick the format that best fits their puzzle.
- 06
Admin Tools
Manage users, approve riddles, and track engagement. Clean dashboard shows what's working and what needs attention.
Friction Challenges
- 1
Real-time Updates
Getting leaderboards to update instantly across all users without lag. Used Supabase real-time features with smart client-side caching.
- 2
Team Permissions
Managing who can see what riddles based on team membership and roles. Built flexible permission system using Clerk with database checks.
- 3
Global Timing
Making riddles available fairly across time zones while keeping 24-hour windows consistent. Solved with UTC storage and client-side conversion.
Takeaways Learnings
Database Design
- Efficient queries for leaderboard calculations that scale with user growth
- Smart indexing strategy for fast riddle lookups and submission handling
User Experience
- Simple interfaces that work on mobile and desktop without complexity
- Smooth animations that enhance rather than distract from core functionality