Qualified Embed

With Qualified Embed, you can now build advanced, developer-friendly coding products for education, recruiting, upskilling, and more. Our SDK makes it simple to embed code challenges and assessments into your existing products.

Documentation

Embed docs

Examples

• Embed playground
• Advanced Embed demos

Usage

Node

Install the dependency into your Node web project:

npm i @qualified/embed

Import the package and create an instance of the Embed manager:

import { QualifiedEmbedManager } from "@qualified/embed";

const manager = QualifiedEmbedManager.init({
  options: {
    embedClientKey: "Your Embed key",
  },
});
const editor = manager.createEditor({
  challengeId: "An embedded challenge ID",
  node: document.querySelector("#qualified-embed-container"),
});

Optionally integrate this into your front end framework of choice (React, Vue, Angular, etc), then bundle the code using your favorite web bundler (Webpack, Vite, Parcel, etc).

See our Embed with React demo for a complete example.

Browser

You can use Qualified Embed in a script tag as follows:

<script src="https://cdn.jsdelivr.net/gh/andela-technology/[email protected]/dist/embed.min.js"></script>

See our quick start guide and demo page for examples.