๐Know Thyself โ Learning Management System๐
Project Description:
Know Thyself is a modern online learning platform designed to provide a seamless and interactive educational experience for both instructors and learners. Built with the latest technologies including Next.js 15, Tailwind CSS, Shadcn UI, and TypeScript, it offers a secure, fast, and user-friendly environment for course creation, management, and consumption.
This platform emphasizes personalization and progress tracking, allowing students to monitor their lesson completion, track learning milestones, and enjoy a highly responsive and visually appealing interface. Instructors and administrators benefit from powerful tools to manage courses, users, and analytics, ensuring efficient operations and enhanced engagement.
With integrated features such as Better-Auth for secure authentication, Arcjet for advanced security, Stripe for seamless payments, S3(tigris) file uploads, and a custom rich text editor, Know Thyself is designed to meet the demands of modern online education. Future enhancements are planned to include real-time notifications, AI-driven content suggestions, multi-language support, gamification, and advanced analytics.
๐ https://know-thyself-lms.vercel.app
Tech Stack & Tools:
Features:
- ๐ Next.js 15 โ Fast & scalable modern web framework
- ๐จ Tailwind CSS & Shadcn UI โ Responsive design & UI components
- ๐ Authentication โ Better-Auth with Email OTP & GitHub OAuth
- ๐ก๏ธ Arcjet Security โ Protects against XSS, SQL injection & more
- ๐ Progress Tracking โ Track course & lesson completion
- ๐งโ๐ผ Admin Dashboard โ Manage courses, users, analytics
- ๐ค Customer Dashboard โ Personalized course overview
- ๐ซ Rate Limiting โ Protect against spam & brute-force attacks
- ๐ฅ Custom Video Player โ Optimized online learning
- ๐ Analytics Dashboard โ Beautiful metrics & reports
- ๐ File Uploads โ Presigned S3 uploads & custom dropzone
- โ Lesson Completion Tracking โ Mark lessons as complete
- โญ Custom Dropzone โ Drag & drop file uploads
- ๐ณ Stripe Payment Integration โ Secure checkout
- ๐ฑ๏ธ Drag & Drop Course Structure โ Easy chapter & lesson reordering
- ๐ Custom Rich Text Editor โ For course content creation
- ๐งฎ Neon Postgres DB โ Serverless database
- ๐พ Prisma ORM โ Type-safe DB queries
- ๐ Deployment on Vercel โ Optimized serverless hosting
Demo Video:**
https://github.com/user-attachments/assets/db7f96d4-0cf4-444c-9aa6-4dc8c00c9153
https://github.com/user-attachments/assets/e58e7988-bb9e-4e22-acde-103ac07da096
| Icon | Route | Type |
|---|---|---|
| ๐ก | /api/auth/[...all] | API Route |
| ๐๏ธ | /api/s3/delete | API Route |
| โฌ๏ธ | /api/s3/upload | API Route |
| ๐ณ | /api/webhook/stripe | Webhook |
| ๐ | /courses | Page |
| ๐ | /courses/[slug] | Dynamic Page |
| ๐ | /dashboard | Dashboard |
| ๐ | /dashboard/[slug] | Dynamic Route |
| /dashboard/[slug]/[lessonId] | Nested Dynamic Route | |
| ๐ | /login | Auth Page |
| โ | /not-admin | Access Page |
| โ | /payment/cancel | Payment Page |
| โ | /payment/success | Payment Page |
| ๐จ | /verify-request | Verification Page |
Roadmap / Ongoing Development:
- Real-time notifications for lessons & updates
- AI-powered content suggestions
- Multi-language support
- Enhanced analytics with custom charts & exports
- Video streaming optimization with adaptive bitrate
- Gamification: badges, certificates, leaderboards
Installation & Local Development:
# Clone the repo
git clone https://github.com/YOUR_USERNAME/know-thyself.git
cd know-thyself
# Install dependencies
pnpm install
# Setup environment variables
cp .env.example .env
# Add keys for Next.js, S3, Prisma, Better-Auth, Stripe
# Run locally
pnpm run devContribution:
- Open issues or pull requests
- Follow TypeScript & code conventions
- UI contributions using Shadcn/Tailwind encouraged
License:
MIT License ยฉ theBappy