Sosok Ayah Virtual untuk Anak-anak Kreatif dan Penuh Rasa Penasaran
Tanya Abi adalah aplikasi chat AI dengan personaliti kebapakan yang hangat dan bijaksana, dirancang khusus untuk menjadi teman dan mentor bagi anak-anak yang memiliki rasa ingin tahu tinggi.
Tanya Abi hadir untuk mengisi kekosongan sosok ayah dalam kehidupan anak-anak - baik karena ayah yang sibuk, tidak selalu tersedia, atau bahkan tidak hadir sama sekali.
Aplikasi ini berfungsi sebagai:
- ๐ Pengganti Absennya Ayah di Rumah - Saat anak butuh jawaban cepat dan ayah tidak ada
- ๐ง Mentor Virtual - Menjawab pertanyaan dari yang ringan sampai pertanyaan berat tentang kehidupan
- ๐ค Teman Bicara - Memberikan nasihat bijaksana dengan cara yang mudah dipahami anak
- ๐ Guru Sabar - Mendorong curiosity dan pembelajaran dengan pendekatan yang hangat
Kami percaya setiap anak berhak mendapat bimbingan dan perhatian, terutama mereka yang tumbuh tanpa kehadiran sosok seorang ayah. Tanya Abi hadir untuk mengisi kekosongan itu dengan teknologi AI yang penuh empati.
- Personaliti kebapakan yang hangat, sabar, dan supportif
- Menjawab pertanyaan dengan bahasa yang mudah dipahami anak
- Memberikan nasihat bijaksana untuk pertanyaan tentang kehidupan
- Powered by Perplexity AI (gratis dan powerful!)
- Bicara langsung ke Abi tanpa perlu mengetik
- Perfect untuk anak-anak yang belum lancar mengetik
- Support bahasa Indonesia
- Dengar jawaban Abi dengan suara laki-laki
- Suara yang natural dan ramah
- Tombol "Dengarkan" di setiap pesan
- Setiap jawaban dilengkapi citation dari sumber terpercaya
- Link clickable untuk verifikasi informasi
- Copy URL dengan satu klik
- Transparansi dan edukasi tentang pentingnya sumber
- Star jawaban penting untuk disimpan
- Tab khusus untuk review favorites
- Build personal knowledge base
- Easy reference untuk belajar
- 20+ pertanyaan populer siap dipilih
- Filter by kategori
- One-click ask tanpa perlu ketik
- Reduce "blank page syndrome"
- Pertanyaan menarik setiap hari
- Stimulasi curiosity konsisten
- Build habit of learning
- "Tahukah kamu...?" dari Abi
- Sains & Alam ๐ค๏ธ
- Kehidupan ๐
- Sekolah ๐
- Teknologi ๐ค
- Hobi & Minat ๐จ
- Umum ๐
- Kelola berbagai topik percakapan terpisah
- Semua percakapan tersimpan otomatis
- Bisa dilacak kapan saja
- Hapus thread yang tidak diperlukan
- Atur nama panggilan untuk Abi (Ayah, Bapak, Papa, dll)
- Atur nama kamu untuk personalisasi
- Pilih dari 10 avatar Abi
- Toggle fitur suara
- Atur reminder harian
- Nyamanin mata saat malam hari
- Neon glowing Web3 aesthetic
- Beautiful cyberpunk design
- One-click toggle
- Tidak perlu login atau registrasi
- Satu gadget = satu memori pribadi
- Semua data tersimpan aman di perangkat
- Privacy-first approach
- Atur waktu pengingat untuk ngobrol dengan Abi
- Multiple reminders support
- Browser notifications
- On/off toggle untuk setiap reminder
- Welcome message hangat saat first visit
- 3-step tutorial fitur-fitur
- Interactive dan engaging
- Skip option available
Tanya Abi menggunakan Neon Glowing Web3 Aesthetic dengan:
- ๐ Neon colors (Cyan, Purple, Pink, Magenta)
- โจ Glowing effects & animations
- ๐ Animated gradients
- ๐ Glassmorphism
- โก Smooth transitions
- ๐ Cyberpunk vibes
Design ini dipilih untuk:
- Menarik minat anak-anak generasi digital
- Modern dan futuristic
- Eye-catching tapi tetap readable
- Professional namun fun
- Next.js 15 - React framework dengan App Router
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first styling
- Radix UI - Accessible component primitives
- Lucide React - Beautiful icon system
- Perplexity AI - Conversational AI (gratis!)
- Web Speech API - Text-to-Speech & Speech Recognition
- Fetch API - HTTP requests via proxy
- localStorage - Client-side persistence
- React Hooks - State management (useState, useEffect)
- Context API - Optional global state
- date-fns - Date manipulation
- clsx - Conditional className
- Sonner - Toast notifications
- Node.js 18+ atau 20+
- npm atau yarn atau pnpm
- Clone repository
git clone <repository-url>
cd tanya-abi- Install dependencies
npm install
# or
yarn install
# or
pnpm install- Setup Perplexity API Key
Edit file src/services/aiService.ts dan ganti API key:
'Authorization': 'Bearer YOUR_PERPLEXITY_API_KEY'Dapatkan API key gratis di: Perplexity AI
- Run development server
npm run dev
# or
yarn dev
# or
pnpm dev- Open browser
http://localhost:3000
- Push to GitHub
git add .
git commit -m "Initial commit"
git push origin main- Deploy to Vercel
- Go to vercel.com
- Import your GitHub repository
- Click Deploy
- Done! ๐
Update next.config.mjs untuk allow iframe embedding dari domain kamu:
{
key: 'Content-Security-Policy',
value: "frame-ancestors 'self' https://yourdomain.com;"
}Tanya Abi sudah dioptimasi untuk WebView deployment dan siap untuk:
- โ Google Play Store
- โ Apple App Store
- โ Capacitor / Ionic
- โ React Native WebView
- โ Flutter WebView
- Mobile-first responsive design
- Touch-friendly button sizes (44x44px minimum)
- Safe area padding untuk notch/status bar
- Smooth vertical scrolling
- PWA support
- Offline-ready architecture
- Proper CORS configuration
- CSP for iframe embedding
- XSS Protection
- Content Type Options
Lihat WEBVIEW_DEPLOYMENT.md untuk panduan lengkap.
- โ Bertanya tentang hal-hal yang mereka penasaran
- ๐ Belajar dengan cara yang fun dan engaging
- ๐ญ Mendapat nasihat bijaksana untuk masalah kehidupan
- ๐ง Build knowledge base personal
- ๐ Develop critical thinking skills
- ๐ Supplement parenting saat sibuk atau tidak ada
- ๐ Educational tool yang trusted
- ๐ Privacy-first (no data collection)
- ๐ฐ Gratis (no subscription needed)
- โ๏ธ Bisa customize sesuai kebutuhan anak
- ๐ Tool pembelajaran tambahan
- ๐ฌ Encourage student curiosity
- ๐ Transparansi sumber informasi
- ๐ Accessible 24/7
Tanya Abi sangat serius tentang privacy anak-anak:
- โ No Registration - Tidak perlu email, nomor HP, atau data pribadi
- โ Local Storage - Semua data tersimpan di device, bukan di server
- โ No Tracking - Tidak ada analytics atau tracking user behavior
- โ No Data Collection - Kami tidak mengumpulkan atau menjual data
- โ Offline-First - Core features berfungsi tanpa internet (kecuali AI responses)
- โ Open Source - Code bisa diaudit oleh siapa saja
Kami welcome contributions dari community! Kalau kamu punya ide atau ingin improve Tanya Abi:
- Fork repository
- Create feature branch (
git checkout -b feature/AmazingFeature) - Commit changes (
git commit -m 'Add some AmazingFeature') - Push to branch (
git push origin feature/AmazingFeature) - Open Pull Request
- ๐ Multi-language support
- ๐จ More avatar options
- ๐ Analytics dashboard untuk orang tua
- ๐ฎ Gamification elements
- ๐ More TTS voices
- ๐ฏ Better question suggestions
- ๐ฑ Native mobile app
- โฟ Accessibility improvements
- AI Chat dengan personaliti Abi
- Thread management
- Voice input & TTS
- Citations & references
- Favorites system
- Quick actions
- Daily questions
- Onboarding
- Dark mode
- Web3 neon design
- Search in conversations
- Export chat as PDF
- Share favorites with friends
- Weekly learning summary
- Achievement badges
- Question categories stats
- Multi-language support (English, etc)
- Parental controls & monitoring
- Voice mode (auto TTS)
- Image understanding (ask about pictures)
- Collaborative learning (multi-user)
- Integration with education platforms
- Native iOS app
- Native Android app
- Desktop app (Electron)
- Browser extension
- Telegram bot
- WhatsApp integration
Build Stats:
Route (app) Size First Load JS
โ ฦ / 48.4 kB 250 kB
โ ฦ /api/health 130 B 202 kB
โ ฦ /api/logger 130 B 202 kB
โ ฦ /api/proxy 130 B 202 kB
Lighthouse Scores (Target):
- Performance: 95+
- Accessibility: 100
- Best Practices: 95+
- SEO: 100
- TTS voice selection varies by browser and OS
- Some browsers require user interaction before TTS works
- Voice input requires microphone permissions
- localStorage has size limits (typically 5-10MB)
Q: Apakah gratis?
A: Ya! Tanya Abi 100% gratis. Kami menggunakan Perplexity AI yang tidak memerlukan biaya.
Q: Apakah aman untuk anak-anak?
A: Sangat aman. Semua data tersimpan lokal di device, tidak ada tracking, dan AI diprogram untuk memberikan jawaban yang appropriate untuk anak-anak.
Q: Apakah perlu internet?
A: Ya, untuk AI responses. Tapi UI dan fitur lainnya tetap berfungsi offline.
Q: Bisa digunakan di HP?
A: Bisa! Tanya Abi fully responsive dan touch-optimized untuk mobile devices.
Q: Apakah bisa ganti bahasa?
A: Saat ini support Bahasa Indonesia. Multi-language support akan ditambahkan di future updates.
Q: Data disimpan dimana?
A: Semua data (chat, settings, favorites) tersimpan di localStorage browser. Tidak ada yang dikirim ke server.
MIT License - feel free to use, modify, and distribute.
Punya pertanyaan, saran, atau feedback?
- ๐ง Email: [support@elpeef.com]
- ๐ Website: [https://tanyaabi.elpeef.com]
Tanya Abi dibuat dengan โค๏ธ untuk anak-anak Indonesia yang kreatif dan penuh rasa penasaran.
Special thanks to:
- Perplexity AI - For amazing free AI API
- Next.js Team - For the awesome framework
- Vercel - For free hosting
- Open Source Community - For all the amazing tools
Jika Tanya Abi bermanfaat untuk kamu atau anak-mu, please give us a โญ๏ธ on GitHub! It helps us reach more people who need it.
Made with ๐ for Indonesian Children
"Setiap anak berhak mendapat bimbingan dan perhatian"
Website โข Report Bug โข Request Feature