Skip to content

Full-stack language learning platform using Next.js and React, integrating backend services with Drizzle (Neon PostgreSQL database) and secure payment processing through Stripe.

Notifications You must be signed in to change notification settings

Cybiii/Linguify

Repository files navigation

Linguify

https://linguify-sigma.vercel.app

Linguify is a comprehensive full-stack language learning platform using Next.js and React, integrating backend services with Drizzle and secure payment processing through Stripe.

Features

🏆 Leaderboards

  • Competitive Learning: Track your progress and see how you rank against other learners.
  • Top Performers: View the top ten users based on points earned.

🎯 Quests

  • Daily Challenges: Engage in quests to earn XP and rewards.
  • Progress Tracking: View all quests and monitor your completion status.

🛒 Shop

  • In-App Purchases: Spend your earned points and hearts on various in-app items.
  • Upgrade to Pro: Unlock unlimited hearts and access exclusive features by upgrading to the Pro plan.

🎓 Courses & Lessons

  • Diverse Language Support: Learn multiple languages.
  • Structured Curriculum: Organized courses with units, lessons, and challenges to facilitate effective learning.

💎 Points & Hearts

  • Earn XP: Gain points by completing challenges.
  • Hearts System: Use hearts as a secondary currency for special features and upgrades.

📈 Progress Tracking

  • User Progress: Monitor your learning journey with detailed progress metrics.
  • Course Progress: Identify your active lessons and track completion rates.

🛡️ Secure Authentication & Payments

  • Clerk Integration: Secure and reliable user authentication.
  • Stripe Integration: Safe and seamless payment processing for subscriptions and purchases.

Technologies Used

  • Frontend:

    • Next.js - React framework for server-side rendering and static site generation.
    • React - JavaScript library for building user interfaces.
    • Tailwind CSS - Utility-first CSS framework for styling.
  • Backend:

    • Drizzle ORM - TypeScript ORM for interacting with the Neon PostgreSQL database.
    • Neon PostgreSQL - Serverless PostgreSQL database for scalable data storage.
  • Authentication & Payments:

    • Clerk - User authentication and management.
    • Stripe - Secure payment processing.
  • Language Support:

    • TypeScript - Enhanced JavaScript with static typing.

About

Full-stack language learning platform using Next.js and React, integrating backend services with Drizzle (Neon PostgreSQL database) and secure payment processing through Stripe.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published