OneAnthropic

• 

  OneAnthropic.

Inspiration

Blend exclusivity (reserve a number) with delight (dad jokes) so onboarding feels rewarding.

What it does

Reserves your number, offers RM0.99/month membership, and generates on-demand dad jokes in a sleek iOS-like flow.

How we built it

• Next.js App Router; Suspense for search params
  
• Framer Motion for transitions and emoji bursts
  
• Anthropic (Claude Haiku) via server API for jokes
  

Challenges

• Safe search param handling in App Router
  
• Animations that don’t block content
  
• Fast, reliable joke calls with graceful errors
  

Accomplishments

• Minimalist, mobile-first experience with playful micro-interactions
  
• Stable Anthropic joke pipeline with fallbacks
  
• Polished mock payment flow
  
• Clear price edge: RM0.99/month
  

What we learned

• Mixing server/client with Suspense cleanly
  
• Motion that adds joy without clutter
  
• Short prompts improve joke quality and latency
  
• Resolve dev warnings early
  

What’s next

• Save/share jokes; A/B prompt tests
  
• Light theming; optional haptics
  
• Engagement telemetry for retention
  
• Refine PWA assets and payment UX beyond the mock flow

Built With

• anthropic
• claude
• cursor
• framer-motion
• mobbin
• nexjs-api-route
• nextjs
• typescript