Inspiration

We wanted to build something simple but meaningful — That’s where Pekikkan was born — inspired by the "Laskar Pelangi" movie, where there is a teacher before begin the class, he ask the students to say some quotes that inspire them.


What It Does

Pekikkan is a web-based app that lets users post and browse inspirational quotes — then listen to them spoken out loud using AI voice. It provides a clean, focused experience with left-right navigation and natural-sounding voice playback, creating an emotional layer to each quote.

No ads, no clutter — just words that matter.


How We Built It

  • Frontend: React
  • Backend: Supabase for authentication and database
  • Voice: ElevenLabs API to generate and stream realistic audio
  • Deployment: Netlify

We prioritized speed, simplicity, and a clean UI to focus on the content and voice experience.


Challenges We Ran Into

  • In the beginning we want user can swipe left and right to browse the quote like tinder app, but we got problem the navigation and animation not run as expected
  • Bolt.new still take long time to generate the code from the prompt, this make the time running out
  • Integrating ElevenLabs voice playback into a browser-based app, we always got invalid api key when we want to do demo video
  • We don't get custom domain entri in the prompt editor

Accomplishments That We're Proud Of

  • Delivered a complete voice-powered quote app in just a few days
  • Achieved smooth voice playback integration using ElevenLabs
  • Built a calm and focused UX that stays true to the mission

What We Learned

  • Vibe coding using Bolt.new
  • How to integrate voice AI in a real-world app quickly
  • The power of combining emotional design with minimalist UX
  • Handling Supabase RLS and user data effectively

What's Next for Pekikkan

  • Add swipe gesture support for mobile
  • Favorite & save quotes
  • Social sharing tools (copy link, share to X/Instagram)
  • Multilingual support for quotes and voice
  • Monetization: premium voices, creator modes, scheduling quotes, and etc
  • Publish to mobile (iOS & Android) using Expo EAS
  • Auto-play daily quote on homepage

Built With

Share this project:

Updates