ASL-LEX · cbolles · Sep 13, 2023 · Sep 13, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,9 +6,9 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "workspaces": {
+  "workspaces": [
     "packages/*"
-  },
+  ],
   "author": "",
   "license": "ISC"
 }
diff --git a/packages/client/.gitignore b/packages/client/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/packages/client/.prettierrc b/packages/client/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "printWidth": 180,
+  "singleQuote": true,
+  "trailingComma": "none"
+}
diff --git a/packages/client/.storybook/main.ts b/packages/client/.storybook/main.ts
@@ -0,0 +1,13 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  },
+  docs: {
+    autodocs: 'tag'
+  }
+};
+export default config;
diff --git a/packages/client/.storybook/preview.ts b/packages/client/.storybook/preview.ts
@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    }
+  }
+};
+
+export default preview;
diff --git a/packages/client/README.md b/packages/client/README.md
@@ -0,0 +1,55 @@
+## To-Do for Creating New Study 
+
+### Imitating Angular Behavior and UI 
+
+1. Creating tag fields
+   * TagFieldType.AslLex -> ASL-LEX Sign
+   * TagFieldType.Autocomplete -> Categorical
+   * TagFieldType.BooleanOption -> True/False Option
+   * TagFieldType.EmbdeddedVideoOption -> Video Option
+   * TagFieldType.FreeText -> Free Text
+   * TagFieldType.Numeric -> Numeric
+   * TagFieldType.Slider -> Slider
+   * TagFieldType.VideoRecord -> Record Video
+
+2. Creating renderers for the tags
+   * ...angularMaterialRenderers -> change it to reactMaterialRenderers
+   * tester: aslLexSignBankControlRendererTester, renderer: AslLexSignBankField
+   * tester: fileListControlRendererTester, renderer: FileListField
+   * tester: videoOptionUploadRendererTester, renderer: VideoOptionUpload
+   * tester: userVideoOptionRendererTester, renderer: UserVideoOption
+   * tester: videoFieldTester, renderer: VideoFieldComponent
+   * tester: oneOfFieldTester, renderer: OneOfField
+
+3. Tag Fields: TagField[] -> fields that will be part of the tag
+4. Produce JSON Form 
+5. Mui Stepper
+   * Step next or submit
+6. Stepper Logic
+7. Dialog to preview added tags
+8. Add a field to the tag
+9. Remove a field from the tag
+10. Boolean that's updated when study is created
+11. Make a new study based on a form data
+    * Required data filled out
+    * Study name is unique
+    * There is at least one field
+    * Make sure each field is complete and has unique name
+    * Save the new study with an associated project id
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/client/index.html b/packages/client/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <style>
+    * {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    }
+  </style>
+  <title>Vite + React + TS</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>