Portfolio

Loading experience...

Portfolio

Coursebotics – AI Course Generator

A full-stack web application that uses AI to generate and manage structured course content, complete with videos, markdown lessons, and progress tracking.

Aug 2025
1 Repository

Technology Stack

Next.js 15
React 19
TypeScript
Prisma ORM
PostgreSQL
NextAuth.js
Google Gemini AI
Cloudinary
Tailwind CSS
Framer Motion
Shadcn/ui

Key Features

AI-powered course and chapter generation
Automated YouTube video recommendations
CRUD operations for courses and chapters
NextAuth authentication with multiple providers
Subscription management with PayPal
Cloudinary integration for banners and media
Analytics dashboard for course engagement
Dark/light theme with system detection
Responsive mobile-first UI with Framer Motion

Tags

AI
Next.js
Prisma
PostgreSQL
SaaS
PayPal
Cloudinary
NextAuth
TailwindCSS

Project Details

A cutting-edge AI-powered course creation platform that leverages Google Gemini to generate structured educational content, manage courses, and integrate multimedia resources with subscription-based features.

System Architecture:

Full-Stack SaaS Application (1 Repository)

  • Frontend: Next.js 15 (App Router) with React 19 and TypeScript
  • Backend: Node.js server with Next.js API routes and Prisma ORM
  • Database: PostgreSQL with relational schema for courses, users, and subscriptions
  • Authentication: NextAuth.js with Google, GitHub, and credentials login
  • AI Integration: Google Gemini 2.0 Flash for automated course generation
  • Cloud & Media: Cloudinary for image storage, Resend for emails
  • Payments: PayPal subscription integration

Intelligent Course Generation Flow:

Course Creation Process

  1. User Input: Enter course title, category, duration, and chapter count
  2. AI Processing: Google Gemini generates chapter outlines with detailed content and code examples
  3. Video Recommendations: YouTube videos automatically attached to each chapter
  4. Course Management: User can edit, update, publish, or keep courses private
  5. Subscription Gating: Free users access limited features, Pro users unlock full capabilities

AI & Content Automation

  • Automated Chapters: Full explanations and structured lessons generated instantly
  • Video Integration: Context-aware YouTube recommendations for each chapter
  • Code Examples: AI-generated snippets for programming courses
  • Scalable Design: Courses can be expanded, published, or versioned seamlessly

Technical Implementation:

Frontend

  • UI Framework: Tailwind CSS with Shadcn/ui components
  • Animations: Framer Motion for smooth transitions
  • Dark/Light Theme: System-aware theme switching
  • Responsive Design: Mobile-first layouts optimized for all devices

Backend

  • Prisma ORM: Type-safe schema and migrations for PostgreSQL
  • NextAuth.js: Secure authentication with session and token management
  • API Endpoints: Full CRUD for courses, chapters, and user subscriptions
  • Cloudinary: Course banners and image uploads
  • Resend + React Email: Transactional emails for verification & password reset

Administrative Features:

  • Dashboard: Personalized user dashboards with course statistics
  • Course Analytics: Track engagement, chapter completion, and progress
  • Publishing Controls: Toggle course visibility (public/private)
  • Subscription System: Manage Pro plans with PayPal integration
  • Security Features: Input validation with Zod, bcrypt password hashing, CSRF protection

Advanced System Features:

User Experience Optimization

  • Smooth Onboarding: Guided signup and course creation flows
  • Role-based Access: Free users vs. Pro subscription gating
  • Performance Optimized: Lazy loading, caching, and image optimization
  • Custom Hooks: Smooth scrolling, mobile detection, content preloading

Performance & Deployment

  • Dockerized Builds: Multi-stage builds for production-ready deployment
  • Cloud Deployment: Compatible with Vercel, Railway, and Docker environments
  • Optimized Queries: Efficient Prisma queries for large datasets
  • Scalable Design: Ready for enterprise-level course hosting

Business Impact:

Revolutionizing online learning by giving educators, trainers, and businesses the ability to instantly create professional courses with AI assistance. The system reduces time-to-market for educational content while enhancing learner engagement through structured, multimedia-rich lessons.

This project demonstrates expertise in AI integration, SaaS development, full-stack Next.js applications, subscription management, and cloud-based deployments — showcasing the ability to build intelligent, production-ready education platforms.