Skip to content

Latest commit

 

History

History
79 lines (58 loc) · 1.31 KB

README.md

File metadata and controls

79 lines (58 loc) · 1.31 KB
Raw

Build a Duolingo Clone With Nextjs, React, Drizzle (2024)

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

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/Davronov-Alimardon/duolingo-clone.git

Install packages

npm i

Setup .env.local file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=""
CLERK_SECRET_KEY=""
DATABASE_URL="postgresql://..."
STRIPE_API_KEY=""
NEXT_PUBLIC_APP_URL="http://localhost:3000"
STRIPE_WEBHOOK_SECRET=""

Setup Drizzle ORM

npm run db:push

Seed the app

npm run db:seed

or

npm run db:prod

Start the app

npm run dev