Duolingo Nextjs
A full-stack Duolingo clone boilerplate with Next.js, AI voices, Shadcn UI, Clerk auth, and comprehensive gamification for immersive language learning.

Full-Stack Duolingo Clone with Next.js, AI, and Gamification
This project offers a comprehensive, open-source Duolingo clone built using Next.js 14, Drizzle ORM, and PostgreSQL (NeonDB). It serves as an excellent boilerplate for developers looking to create their own interactive language learning platforms. The application integrates AI-powered voices, robust authentication with Clerk, a visually appealing UI via Shadcn, and a full suite of gamification elements to engage users effectively in their learning journey. It's designed to be easily deployable and customizable.
Features:
- Next.js 14 & server actions: Utilizes the latest Next.js version with server actions for robust backend logic.
- AI Voices using Elevenlabs AI: Integrates realistic text-to-speech voices for an immersive learning experience.
- Shadcn UI Component System: Employs beautiful and accessible UI components for a polished interface.
- KenneyNL Characters: Features charming character assets to enhance visual appeal.
- Clerk Authentication: Provides secure user authentication, sign-up, and management.
- Sound Effects: Includes audio feedback to improve user engagement.
- Hearts System: Implements a gamified lives system to motivate careful learning.
- Points / XP System: Rewards users with experience points for progress and achievements.
- Practice to Regain Hearts: Allows users to restore hearts by revisiting previous lessons.
- Leaderboard: Displays a competitive ranking of users based on their XP.
- Quests Milestones: Offers users specific goals and challenges to complete.
- Shop System: Enables users to exchange points for in-app items like hearts.
- Pro Tier with Stripe: Supports a premium subscription model for unlimited hearts, integrated with Stripe.
- Admin Dashboard (React Admin): Includes an administrative interface for managing application data and users.
- DrizzleORM & NeonDB (PostgreSQL): Uses Drizzle ORM for database interactions with a serverless PostgreSQL instance via NeonDB.
Summary:
This Next.js Duolingo clone provides a feature-rich starting point for language learning applications. It includes AI voice integration, a complete gamification system (hearts, XP, quests), user authentication, a shop, a pro tier with Stripe, and an admin dashboard. Built with modern technologies like Drizzle ORM and Shadcn UI, it's a well-structured project for developers to explore, customize, and deploy for creating engaging educational experiences.