This is a repository for a "Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)" youtube video.
Key Features:
- ๐ Next.js 14 & server actions
- ๐ฃ AI Voices using Elevenlabs AI
- ๐จ Beautiful component system using Shadcn UI
- ๐ญ Amazing characters thanks to KenneyNL
- ๐ Auth using Clerk
- ๐ Sound effects
- โค๏ธ Hearts system
- ๐ Points / XP system
- ๐ No hearts left popup
- ๐ช Exit confirmation popup
- ๐ Practice old lessons to regain hearts
- ๐ Leaderboard
- ๐บ Quests milestones
- ๐ Shop system to exchange points with hearts
- ๐ณ Pro tier for unlimited hearts using Stripe
- ๐ Landing page
- ๐ Admin dashboard React Admin
- ๐ง ORM using DrizzleORM
- ๐พ PostgresDB using NeonDB
- ๐ Deployment on Vercel
- ๐ฑ Mobile responsiveness
Node version 14.x
git clone https://github.com/AntonioErdeljac/next14-duolingo-clone.git
npm i
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=""
CLERK_SECRET_KEY=""
DATABASE_URL="postgresql://..."
STRIPE_API_KEY=""
NEXT_PUBLIC_APP_URL="http://localhost:3000"
STRIPE_WEBHOOK_SECRET=""
npm run db:push
npm run db:seed
or
npm run db:prod
npm run dev