Merge pull request #10 from qualified/embed-react

Add Embed React demo
qualified · May 7, 2024 · c55d16b · c55d16b
2 parents 5e20ca6 + 5f6e19a
commit c55d16b
Show file tree

Hide file tree

Showing 13 changed files with 12,221 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -47,3 +47,6 @@ Embed supports challenges that offer testable written response fields using mark
 
 ### [Server Validation](server-validation)
 This demonstration illustrates how to run Embed on the server programmatically with the browser automation library [Playwright](https://playwright.dev/). This allows you to securely run your candidate's code, validate solutions and persist the results on your server without using Qualified to manage assessments or assessment results.
+
+### [React](react)
+This demo provides a basic starter for using Embed with React and Webpack. It should provide a good starting point for using Embed in a Node-based build.
diff --git a/react/.gitignore b/react/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/react/README.md b/react/README.md
@@ -0,0 +1,10 @@
+# Qualified Embed and React
+
+This demo provides a basic starter for using Embed via [npm](https://www.npmjs.com/package/@qualified/embed) with React and Webpack. The setup can be adapted to other Node builds and libraries such as Vite, Parcel, Vue and Angular.
+
+## Usage
+
+```
+npm i
+npm start
+```