Spaces:

---

Duplicated from  enzostvs/deepsite

linusorii

/

deepsite-v2

like 61

Paused

Act as a senior full-stack AI engineer.

I want to build a production-ready AI-powered educational web platform called:

"Concept2Video AI"

PROJECT GOAL:
Users upload study materials (PDF, PPT, DOCX, TXT).
The system should:

1. Extract and understand the content.
2. Identify key concepts automatically using AI.
3. Convert those concepts into:
   • AI-generated animated explainer videos
   • Voiceover in the user’s selected regional language
   • Visual illustrations/diagrams
4. Create a creative practice session including:
   • MCQs
   • Short answer questions
   • Interactive quizzes
   • Real-world application problems
5. Provide downloadable notes and video.

The platform should support Indian regional languages like:

• Telugu
• Hindi
• Tamil
• Kannada
• Malayalam
• English

⚙️ TECH STACK REQUIREMENTS

Frontend:

• Next.js (React)
• Tailwind CSS
• Modern premium UI
• Glassmorphism design
• Smooth animations
• Dark/Light mode toggle

Backend:

• Node.js (Express) or FastAPI (Python preferred)
• REST API architecture
• Secure file upload system

AI FEATURES:

• Use LLM (OpenAI API or similar)
• PDF parsing using PyMuPDF
• PPT parsing
• NLP concept extraction
• Script generation
• Text-to-Speech (regional language support)
• AI video generation (use video API like Runway, Pika, or similar concept)
• Quiz generation engine

Database:

• MongoDB
• Store:
  • User details
  • Uploaded files
  • Generated videos
  • Quiz attempts
  • Language preference

Authentication:

• JWT based authentication
• Email login
• Google login

🧠 CORE AI WORKFLOW

Step 1: User uploads document.
Step 2: Extract text.
Step 3: AI summarizes and identifies key topics.
Step 4: AI generates:
- Storyboard
- Video script
- Scene breakdown
Step 5: Convert script into:
- AI voiceover in selected language
- AI-generated animated visuals
Step 6: Merge visuals + voiceover → final MP4 video.
Step 7: Generate practice questions:
- Easy
- Medium
- Hard
- Application-based

🎯 WEBSITE PAGES

1. Landing Page

   • Hero section
   • “Upload and Learn in Your Language”
   • Demo video
   • Features section
   • Call to Action

2. Dashboard

   • Upload file section
   • Language selector
   • Generate Video button
   • Generated content history

3. Video Player Page

   • AI video
   • Download option
   • Notes section
   • Practice section

4. Practice Page

   • Timed quiz
   • Score analysis
   • Performance graph

5. Admin Panel

   • User analytics
   • Usage tracking

🎨 DESIGN STYLE

Make the design:

• Premium
• EdTech startup look
• Clean layout
• Soft gradients
• Animated cards
• Smooth transitions
• Mobile responsive

🛡️ SECURITY

• Validate file types
• Limit file size
• Sanitize text inputs
• Secure API keys using environment variables

📈 ADVANCED FEATURES (Optional but impressive)

• AI doubt-solving chatbot based on uploaded document
• Smart revision mode
• Concept difficulty level detection
• Personalized learning analytics
• Progress tracking

📦 OUTPUT FORMAT

Generate:

1. Complete folder structure
2. Frontend code
3. Backend code
4. AI integration logic
5. Database schema
6. API routes
7. Deployment steps (Vercel + Render)
8. README documentation
9. Architecture diagram (text format)

Make it scalable and industry-ready.