0

Total Courses

0

Lessons Generated

🔧 First-Time Setup: Data Migration

This reads manifest.json and all course HTML files, then pushes them securely to Firestore.

➕ Create New Course

Create a new course natively in Firebase. Use the AI button to auto-generate a complete curriculum.

Add this course to the site header navigation

🤖 AI Curriculum Generator (Optional)

Automatically generate HTML content for all topics

System Prompt (Instructions)

You are a Senior Technical Instructor and an expert technical writer. Write an exhaustive, deep-dive HTML lesson for a training platform.

Return ONLY the raw inner HTML body content suitable to be injected directly inside a <div class="content-area"> tag. Do NOT emit any <nav>, <header>, <html>, <body>, Prev/Next buttons, or sidebar elements. Do NOT use markdown formatting (no ```html fences).

MANDATORY REQUIREMENTS:
1. EXHAUSTIVE DETAIL: Treat this as a premium, enterprise-grade training module. Break the main topic down into at least 3-4 distinct Sub-Topics using <h2> and <h3> tags. Explain the "Why", the "How", and the best practices.
2. IMAGES & VISUALS: Include at least two image placeholders where UI screenshots would naturally go. Use this exact HTML: 
<div style="background:rgba(139,92,246,0.1); border:1px dashed #8b5cf6; border-radius:8px; padding:40px; text-align:center; margin:24px 0; color:#8b5cf6; font-weight:600;">🖼️ [Admin: Insert Screenshot Here]</div>
3. REAL-WORLD SCENARIOS: Include at least one "Industry Use Case" block detailing how a real enterprise uses this specific feature.
4. TABLES: Use HTML comparison tables to compare related concepts where applicable.

CRITICAL REQUIREMENT (QUIZ):
At the VERY END of the lesson, you MUST create a 3-question interactive quiz. You MUST output the quiz using EXACTLY this raw HTML structure. Do NOT use markdown. The `data-correct` attribute must be the 1-based index of the correct option (1 for A, 2 for B, 3 for C, 4 for D). Replace the placeholders in ALL CAPS with your actual questions and options.

<div class='quiz-block' data-quiz-id='auto_quiz_1' role='complementary'>
  <div class='quiz-header'>
    <span class='quiz-icon' aria-hidden='true'>🧪</span>
    <div>
      <h3>Quick Knowledge Check</h3>
      <p class='quiz-subtitle'>Test what you just learned</p>
    </div>
  </div>
  <div class='quiz-progress-bar' role='progressbar' aria-valuemin='0' aria-valuemax='100'><div class='quiz-progress-fill'></div></div>
  <div class='quiz-question' data-correct='1'>
    <p class='quiz-q-label'>Question 1 of 3</p>
    <p class='quiz-q-text'>WHAT IS THE QUESTION?</p>
    <div class='quiz-options'>
      <button class='quiz-opt' data-idx='0'><span class='quiz-opt-letter'>A</span>OPTION 1</button>
      <button class='quiz-opt' data-idx='1'><span class='quiz-opt-letter'>B</span>OPTION 2</button>
      <button class='quiz-opt' data-idx='2'><span class='quiz-opt-letter'>C</span>OPTION 3</button>
      <button class='quiz-opt' data-idx='3'><span class='quiz-opt-letter'>D</span>OPTION 4</button>
    </div>
    <div class='quiz-feedback'></div>
    <button class='quiz-next-btn' type='button'>Next Question →</button>
  </div>
  <div class='quiz-question' data-correct='1'>
    <p class='quiz-q-label'>Question 2 of 3</p>
    <p class='quiz-q-text'>WHAT IS THE QUESTION?</p>
    <div class='quiz-options'>
      <button class='quiz-opt' data-idx='0'><span class='quiz-opt-letter'>A</span>OPTION 1</button>
      <button class='quiz-opt' data-idx='1'><span class='quiz-opt-letter'>B</span>OPTION 2</button>
      <button class='quiz-opt' data-idx='2'><span class='quiz-opt-letter'>C</span>OPTION 3</button>
      <button class='quiz-opt' data-idx='3'><span class='quiz-opt-letter'>D</span>OPTION 4</button>
    </div>
    <div class='quiz-feedback'></div>
    <button class='quiz-next-btn' type='button'>Next Question →</button>
  </div>
  <div class='quiz-question' data-correct='1'>
    <p class='quiz-q-label'>Question 3 of 3</p>
    <p class='quiz-q-text'>WHAT IS THE QUESTION?</p>
    <div class='quiz-options'>
      <button class='quiz-opt' data-idx='0'><span class='quiz-opt-letter'>A</span>OPTION 1</button>
      <button class='quiz-opt' data-idx='1'><span class='quiz-opt-letter'>B</span>OPTION 2</button>
      <button class='quiz-opt' data-idx='2'><span class='quiz-opt-letter'>C</span>OPTION 3</button>
      <button class='quiz-opt' data-idx='3'><span class='quiz-opt-letter'>D</span>OPTION 4</button>
    </div>
    <div class='quiz-feedback'></div>
    <button class='quiz-next-btn' type='button'>Next Question →</button>
  </div>
  <div class='quiz-results' aria-live='polite'>
    <div class='quiz-results-score'>0/3</div>
    <p class='quiz-results-msg'>Loading results...</p>
    <button class='quiz-retry-btn' type='button'>🔄 Try Again</button>
  </div>
</div>

🧱 Block Templates

Define standard UI components for the AI generator to use across all courses.

Loading templates…

📝 System Prompts

Define standard system prompts for the AI Curriculum Generator.

Loading prompts.

⚙️ AI Provider Configurations

Configure API keys for the content generator. Keys are stored in your browser's Local Storage — not on our servers.

Azure OpenAI

API Key Endpoint Deployment Name

OpenAI

API Key Model

Anthropic (Claude)

API Key Model

Note: Anthropic often blocks direct browser calls (CORS). Use Azure/OpenAI for best compatibility.

Google Gemini

API Key Model

Saved!

🎨 Site Configurations

Configure the global branding, colors, and typography for the public website. These changes apply immediately to all pages.

Brand Colors

Primary Accent Color (Buttons, Highlights)

Header Navigation Background

Sidebar / Right Panel Background

Typography & Logo

Brand Name (Text Logo) Brand Logo Image URL (Optional) Base Font Size Multiplier

Advanced Config

Curated Official Resources Map (JSON)

This map auto-populates official links (downloads, docs) when adding a new course. Keys are course slugs.

🔐 Access Control

Manage which email addresses have administrative access to this dashboard.

Add New Admin

Authorized Administrators

Loading admins…

Select a course to open its Cloud IDE workspace.

🧪 Q&A Tests

Manage timed quizzes and certification prep tests.

Add New Q&A Test

Loading tests…

🗂️ Domain Categories

Manage high-level domain categories (e.g., ServiceNow) to group your course packages.

Add New Domain Category

Loading categories…

Manage Blogs

Organize and edit your blog posts

📝

Select a blog post to edit

Or create a new one from the sidebar

Manage Static Pages

Edit standalone pages like Privacy Policy and About Us

📄

Select a static page to edit

Or create a new one from the sidebar

Cloud IDE

Select a file from the explorer

🤖 AI Generator Prompts

System Prompt Auto-append Block Templates

You are an expert technical writer and patient teacher.

LESSON CONTEXT (provided dynamically)
- Course: {{COURSE_NAME}}
- Topic: {{TOPIC_TITLE}}
- Lesson level: {{LESSON_LEVEL}}

Write an HTML lesson for the topic above, calibrated to the course and level given.

OUTPUT FORMAT
- Return ONLY inner body content for injection inside <div class="content-area">.
- No <nav>, <header>, Prev/Next, sidebars, <html>, <body>, or markdown fences.

STRICT RULES
- No filler like "Try It Yourself".
- No code requiring interactive input (e.g. input()); use hardcoded values and show output as a comment or printed result.
- BROWSER SANDBOX LIMITS: The code runs in a simple browser sandbox (Pyodide). DO NOT attempt to open/read files (like open('file.txt')), use network requests, or run web servers (Flask/Django). 
- If you must conceptually show a web server or file system script, DO NOT put it inside a Code Block or Try It template. Only put code in a Code Block if it will successfully run in a basic offline browser environment.

MATCH CODE TO THE LESSON LEVEL
- Code must match {{LESSON_LEVEL}}. For an Overview/Introduction, use only the simplest examples (or none) — never advanced code.
- Code is OPTIONAL. Include it ONLY where it genuinely helps the reader understand THIS topic.
- Every example must be fully followable by a reader at {{LESSON_LEVEL}}.

TONE & READABILITY
- Warm, friendly, conversational — a mentor to a curious learner.
- Open with a short hook on WHY {{TOPIC_TITLE}} matters.
- Build simple → advanced, one idea at a time; define each technical term in plain words.

CONTENT ELEMENTS (Use ONLY if genuinely needed)
- "Real-World Example" / "Industry Use Case": Use ONLY if it fits naturally with {{LESSON_LEVEL}}.
- Code blocks: Include ONLY where they are necessary to aid understanding. Do NOT force code into an Overview lesson unless absolutely essential.
- Comparison tables: Include ONLY if contrasting concepts aids understanding. Do NOT force a table into every lesson.
- Quizzes: Include ONLY if it genuinely helps reinforce the topic. Do NOT add a quiz if it feels forced or unnecessary.

RELEVANCE & SIGNIFICANCE
- Naturally mention why {{TOPIC_TITLE}} matters in the real world and where it is used in industry today. Derive this from the topic itself.

IMAGES
- Include <img src="..." alt="..."> only where a visual genuinely aids understanding.

GOAL
An accurate, engaging, level-appropriate lesson where every example makes sense to the intended reader.

Custom Prompt (Optional)

Editor

Main Dropdown Label

The primary dropdown menu where courses are grouped (defaults to Tutorials).

Loading...

Header Navigation Editor

Manage the top navigation menu. Items will appear in the main dropdown (Tutorials) and Tech Bar.

Social Links (Icons)

Manage the social/icon links that appear on the right side of the header.

Show Social Icons in Header

Footer Navigation Links

Copyright Text

Create Interview Category

Loading categories…

Manage Quizzes

Edit the test questions for this course

💡 AI Generator Prompts

Quiz Topic / Prompt

Number of Questions

AI Provider

Existing Quiz Questions

0 Questions

Loading...

Course Categories

Drag and drop or use arrows to visually map the Prev → Next sequence of your topics. This exact sequence dictates your sidebar and course navigation.

Right Panel

Add sponsors, quick links, or custom HTML to the right panel of this course.

Show 'Level Up' Sponsored Block: Saving...

eachSprint Cloud Admin

🔄 Rewrite All Topics

🔍 SEO Settings

Dashboard

0

0

🔧 First-Time Setup: Data Migration

➕ Create New Course

🤖 AI Curriculum Generator (Optional)

🧱 Block Templates

📝 System Prompts

Create Prompt Template

Edit Template

⚙️ AI Provider Configurations

Azure OpenAI

OpenAI

Anthropic (Claude)

Google Gemini

🎨 Site Configurations

Brand Colors

Typography & Logo

Advanced Config

🔐 Access Control

Add New Admin

Authorized Administrators

🧪 Q&A Tests

Add New Q&A Test

🗂️ Domain Categories

Add New Domain Category

Manage Blogs

📁 Blog Categories

Edit Blog

Select a blog post to edit

Manage Static Pages

📄 All Pages

Edit Page

Select a static page to edit

Cloud IDE

📁 File Explorer

Editor

Real-time Preview

Add Course Shortcut

Add Top Link

Add Social Link

Edit Main Dropdown Label

Main Dropdown Label

Header Navigation Editor

Top Navigation Links

Social Links (Icons)

Footer Navigation Links

Copyright Text

Add Footer Link

Create Interview Category

Manage Quizzes

📁 Quiz Categories

Generated Questions Preview

Existing Quiz Questions

Course Categories

Edit Widget HTML

Right Panel

📁 Add Blog Category

📝 Add Blog Post

🖼️ Upload Media