diff --git a/.eslintrc.js b/.eslintrc.js
index 508a664e..adc9ab8a 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,6 +4,7 @@ module.exports = {
     'eslint:recommended',
     'plugin:prettier/recommended',
     'plugin:react/recommended',
+    'plugin:cypress/recommended',
   ],
   parserOptions: {
     ecmaVersion: 2020,
diff --git a/.lintstagedrc.js b/.lintstagedrc.js
index 168c640d..5dc84394 100644
--- a/.lintstagedrc.js
+++ b/.lintstagedrc.js
@@ -1,4 +1,7 @@
 module.exports = {
-  '**/*.js': (files) => [`eslint --quiet --fix ${files.join(' ')}`,`jest --passWithNoTests`],
+  '**/*.js': (files) => [
+    `eslint --quiet --fix ${files.join(' ')}`,
+    `jest --passWithNoTests`,
+  ],
   '**/*.{md,js}': (files) => [`prettier --write ${files.join(' ')}`],
 };
diff --git a/cypress.json b/cypress.json
new file mode 100644
index 00000000..b5a4d92e
--- /dev/null
+++ b/cypress.json
@@ -0,0 +1,5 @@
+{
+   "baseUrl": "http://localhost:1234",
+   "$schema": "https://on.cypress.io/cypress.schema.json"
+}
+
diff --git a/cypress/fixtures/userStubs.json b/cypress/fixtures/userStubs.json
new file mode 100644
index 00000000..e42bf91d
--- /dev/null
+++ b/cypress/fixtures/userStubs.json
@@ -0,0 +1,14 @@
+{
+  "html": {
+    "helloWorld": "
Hello World",
+    "example": "