elitenoire / trylingo

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

Home Page:https://lingoapp.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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! πŸ”₯πŸ§™πŸ½β€β™€οΈ

https://lingoapp.vercel.app


Languages

Language:TypeScript 87.7%Language:CSS 10.3%Language:JavaScript 1.9%