https://github.com/ajay1214/ablanguages
Interactive Language Learning Platform
https://github.com/ajay1214/ablanguages
full-stack-web-development github-repository language-learning mern-stack nextjs projects
Last synced: 17 days ago
JSON representation
Interactive Language Learning Platform
- Host: GitHub
- URL: https://github.com/ajay1214/ablanguages
- Owner: ajay1214
- License: mit
- Created: 2024-07-22T06:44:17.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-11T11:44:02.000Z (8 months ago)
- Last Synced: 2024-09-11T17:23:31.414Z (8 months ago)
- Topics: full-stack-web-development, github-repository, language-learning, mern-stack, nextjs, projects
- Language: TypeScript
- Homepage: https://ab-languages.vercel.app
- Size: 3.35 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
---
# Interactive Language Learning Platform
## Overview
Welcome to the **Interactive Language Learning Platform**! This project demonstrates a sophisticated approach to creating an interactive, engaging, and user-friendly language learning experience. It leverages modern web technologies to provide an immersive learning environment.
## Demo(https://ab-languages.vercel.app/)
## Features
- **🌐 Next.js 14 & Server Actions:** Optimized performance with the latest Next.js framework, utilizing server-side rendering and efficient server actions.
- **🗣 AI Voices using Elevenlabs AI:** Realistic voice synthesis for language lessons, enhancing auditory learning.
- **🎨 Shadcn UI:** A responsive and visually appealing interface designed with Shadcn's component system.
- **🎭 KenneyNL Characters:** High-quality character graphics for an engaging learning environment.
- **🔐 Authentication with Clerk:** Secure user authentication and management with Clerk integration.
- **🔊 Enhanced User Experience:** Immersive sound effects to complement the learning process.
- **❤️ Hearts System:** Gamified system to track progress and motivate users.
- **🌟 Points and XP System:** Rewarding system to incentivize learning and track achievements.
- **💔 No Hearts Left Popup:** User-friendly notifications for resource management.
- **🚪 Exit Confirmation Popup:** Safeguards to prevent accidental data loss.
- **🔄 Lesson Review for Heart Regain:** Users can review lessons to regain hearts, promoting continuous learning.
- **🏆 Leaderboard:** Competitive leaderboard to encourage user participation.
- **🗺 Quests and Milestones:** Structured learning paths with quests and milestones.
- **🛍 Points Exchange Shop:** Exchange points for hearts to increase engagement.
- **💳 Pro Tier with Stripe Integration:** Premium subscription tier with unlimited hearts, secured with Stripe.
- **🏠 Landing Page:** Attractive landing page designed to convert potential users.
- **📊 Admin Dashboard with React Admin:** Efficient content management and user data analysis.
- **🌧 ORM with DrizzleORM:** Robust and scalable data management.
- **💾 PostgreSQL with NeonDB:** Reliable and efficient database management with PostgreSQL and NeonDB.
- **🚀 Vercel Deployment:** High performance and scalability ensured by deploying on Vercel.
- **📱 Mobile Responsiveness:** Seamless user experience across devices with full mobile responsiveness.
## Technologies
- **Framework:** Next.js
- **AI Integration:** Elevenlabs AI
- **UI Design:** Shadcn UI
- **Graphics:** KenneyNL
- **Authentication:** Clerk
- **Payment Processing:** Stripe
- **Admin Tools:** React Admin
- **ORM:** DrizzleORM
- **Database:** NeonDB (PostgreSQL)
- **Deployment:** Vercel
## 📧 Contact
If you have any questions or feedback, feel free to reach out via [[email protected]].
---