Welcome to the Interactive Language Learning Platform! This project demonstrates a sophisticated approach to creating an interactive, engaging, and user-friendly language learning experience. It leverages modern web technologies to provide an immersive learning environment.
- 🌐 Next.js 14 & Server Actions: Optimized performance with the latest Next.js framework, utilizing server-side rendering and efficient server actions.
- 🗣 AI Voices using Elevenlabs AI: Realistic voice synthesis for language lessons, enhancing auditory learning.
- 🎨 Shadcn UI: A responsive and visually appealing interface designed with Shadcn's component system.
- 🎭 KenneyNL Characters: High-quality character graphics for an engaging learning environment.
- 🔐 Authentication with Clerk: Secure user authentication and management with Clerk integration.
- 🔊 Enhanced User Experience: Immersive sound effects to complement the learning process.
- ❤️ Hearts System: Gamified system to track progress and motivate users.
- 🌟 Points and XP System: Rewarding system to incentivize learning and track achievements.
- 💔 No Hearts Left Popup: User-friendly notifications for resource management.
- 🚪 Exit Confirmation Popup: Safeguards to prevent accidental data loss.
- 🔄 Lesson Review for Heart Regain: Users can review lessons to regain hearts, promoting continuous learning.
- 🏆 Leaderboard: Competitive leaderboard to encourage user participation.
- 🗺 Quests and Milestones: Structured learning paths with quests and milestones.
- 🛍 Points Exchange Shop: Exchange points for hearts to increase engagement.
- 💳 Pro Tier with Stripe Integration: Premium subscription tier with unlimited hearts, secured with Stripe.
- 🏠 Landing Page: Attractive landing page designed to convert potential users.
- 📊 Admin Dashboard with React Admin: Efficient content management and user data analysis.
- 🌧 ORM with DrizzleORM: Robust and scalable data management.
- 💾 PostgreSQL with NeonDB: Reliable and efficient database management with PostgreSQL and NeonDB.
- 🚀 Vercel Deployment: High performance and scalability ensured by deploying on Vercel.
- 📱 Mobile Responsiveness: Seamless user experience across devices with full mobile responsiveness.
- Framework: Next.js
- AI Integration: Elevenlabs AI
- UI Design: Shadcn UI
- Graphics: KenneyNL
- Authentication: Clerk
- Payment Processing: Stripe
- Admin Tools: React Admin
- ORM: DrizzleORM
- Database: NeonDB (PostgreSQL)
- Deployment: Vercel
If you have any questions or feedback, feel free to reach out via [adarshbind61@gmail.com].