Skip to content

πŸŒπŸ’¬ Code along Duolingo clone with Antonio and a Twist! πŸ”₯πŸ§™πŸ½β€β™€οΈ

Notifications You must be signed in to change notification settings

elitenoire/trylingo

Repository files navigation

Lingo brand banner

Duolingo Code-Along with Antonio.


"Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)" youtube video.

VIDEO TUTORIAL

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

πŸ’― Credits

  • Logo, Illustrations are from Freepik, Rawpixel
  • Banner Branding - Nagoda font
  • Google Fonts - Gabarito, Capriola

About

πŸŒπŸ’¬ Code along Duolingo clone with Antonio and a Twist! πŸ”₯πŸ§™πŸ½β€β™€οΈ

Topics

Resources

Stars

Watchers

Forks