Learn Anything With the Power of AI
Transform YouTube videos into structured learning experiences with our intelligent course generator. Create, share, and master any topic through AI-powered course creation.
- Intelligent Video Analysis: Advanced AI analyzes YouTube videos to extract key concepts and learning objectives
- Automated Chapter Creation: Automatically generates structured course chapters with logical flow
- Smart Content Summarization: Creates comprehensive summaries for each chapter
- Dynamic Quiz Generation: AI-generated quizzes with multiple-choice questions for concept reinforcement
- Interactive Course Builder: Intuitive form-based course creation with real-time preview
- Multi-Unit Structure: Organize courses into units and chapters for better learning progression
- Course Gallery: Browse and discover community-created courses
- Progress Tracking: Monitor learning progress with detailed analytics
- Interactive Quizzes: Concept check quizzes with instant feedback and scoring
- Video Integration: Seamless YouTube video embedding with synchronized content
- Responsive Design: Optimized for desktop, tablet, and mobile learning
- Dark/Light Theme: Customizable UI themes for comfortable learning
- NextAuth Integration: Secure authentication with multiple providers
- User Profiles: Personalized user accounts with course history
- Credit System: Token-based system for course generation
- Subscription Management: Stripe-powered premium subscriptions
- Framer Motion Animations: Smooth, engaging animations throughout the platform
- Radix UI Components: Accessible, customizable UI components
- Gradient Design System: Modern gradient-based visual design
- Responsive Layout: Mobile-first responsive design approach
- Next.js 15.3.5 - React framework with App Router
- TypeScript - Type-safe development
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library
- Radix UI - Accessible component primitives
- React Hook Form - Form state management
- Zod - Schema validation
- Prisma ORM - Type-safe database client
- PostgreSQL - Primary database
- NextAuth.js - Authentication solution
- OpenAI API - AI-powered content generation
- YouTube Transcript API - Video content extraction
- Vercel - Hosting and deployment
- Stripe - Payment processing
- YouTube API - Video data integration
- Node.js 18+
- PostgreSQL database
- OpenAI API key
- YouTube API key (optional)
- Stripe account (for subscriptions)
- Clone the repository
git clone https://github.com/yourusername/skout.git
cd skout- Install dependencies
npm install- Environment Setup
cp .env.example .envConfigure your .env file with:
DATABASE_URL="postgresql://username:password@localhost:5432/skout"
NEXTAUTH_SECRET="your-nextauth-secret"
NEXTAUTH_URL="http://localhost:3000"
OPENAI_API_KEY="your-openai-api-key"
STRIPE_API_KEY="your-stripe-secret-key"
STRIPE_WEBHOOK_SECRET="your-stripe-webhook-secret"- Database Setup
npx prisma generate
npx prisma db push
npm run db:seed- Start Development Server
npm run devVisit http://localhost:3000 to see the application.
skout/
├── app/ # Next.js App Router
│ ├── api/ # API routes
│ ├── course/ # Course pages
│ ├── create/ # Course creation
│ ├── gallery/ # Course gallery
│ └── settings/ # User settings
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ └── *.tsx # Feature components
├── lib/ # Utility functions
├── prisma/ # Database schema
├── validators/ # Zod schemas
└── public/ # Static assets
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint
npm run db:migrate # Run database migrations
npm run db:seed # Seed database with sample data
npm run db:studio # Open Prisma Studio
npm run db:reset # Reset database and reseed- Input Course Details: Title and learning units
- AI Processing: OpenAI analyzes and structures content
- Chapter Generation: Automatic chapter creation with summaries
- Quiz Creation: AI-generated assessment questions
- Course Publishing: Make available in gallery
- Course Discovery: Browse gallery or create custom courses
- Structured Learning: Progress through units and chapters
- Interactive Quizzes: Test understanding with AI-generated questions
- Progress Tracking: Monitor completion and performance
- NextAuth.js integration with multiple providers
- JWT-based session management
- Role-based access control
- API route protection
- Input validation with Zod schemas
- Stripe Integration for payment processing
- Credit-based course generation
- Subscription tiers with different limits
- Webhook handling for real-time updates
- Mobile-first approach
- Tablet optimization for learning on-the-go
- Desktop enhancement for full-featured experience
- Touch-friendly interactions
- Consistent color palette with CSS variables
- Typography scale with Lexend font
- Component variants using class-variance-authority
- Animation patterns with Framer Motion
- Accessibility compliance with Radix UI
- Connect your GitHub repository to Vercel
- Configure environment variables
- Deploy with automatic builds on push
npm run vercel-build # Includes Prisma generation and migration- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- OpenAI for powerful AI capabilities
- Vercel for seamless deployment
- Prisma for excellent database tooling
- Radix UI for accessible components
- Tailwind CSS for rapid styling
Built with ❤️ using Next.js, TypeScript, and AI