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
- elevenlabs
- netlify
- react
- supabase
- typescript
- web
Log in or sign up for Devpost to join the conversation.