Merge pull request #106 from TechMaarten/user_story

Added my strudel example app work. API on explore data page
strudel-science · Jun 26, 2024 · 7d3854a · 7d3854a
2 parents f13dca4 + 800e5de
commit 7d3854a
Show file tree

Hide file tree

Showing 1,586 changed files with 513,072 additions and 0 deletions.
diff --git a/strudel_ex/gbif-app/.eslintrc.cjs b/strudel_ex/gbif-app/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/strudel_ex/gbif-app/.gitignore b/strudel_ex/gbif-app/.gitignore
@@ -0,0 +1,4 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+node_modules/
diff --git a/strudel_ex/gbif-app/README.md b/strudel_ex/gbif-app/README.md
@@ -0,0 +1,37 @@
+:warning: ***This library is in early-stage development. Check back soon for more updates!***
+
+# STRUDEL Kit
+
+STRUDEL Kit is a React-based JavaScript library for building scientific UIs based on the STRUDEL Design System and Task Flows. Visit [strudel.science](https://strudel.science) for more information about the STRUDEL project.
+
+This library provides a suite of templates to implement UIs for various different task flows common to the scientific domain. The app is intended to be used as a starting point for building out a web app that includes one or more of the task flows provided.
+
+## Getting Started
+
+Clone the strudel-kit repository from github:
+
+```
+git clone [email protected]:strudel-science/strudel-kit.git
+```
+
+Install the dependencies:
+
+```
+npm install
+```
+
+Start up the app:
+
+```
+npm start
+```
+
+Open [http://localhost:3000](http://localhost:3000) to view the app in the browser.
+
+Begin modifying the templates in `src/app`.
+
+## Learn More
+
+STRUDEL Kit is built on top of the Material UI (MUI) component library. [Read more about how to use MUI](https://mui.com/material-ui/getting-started/).
+
+[strudel.science](https://strudel.science)
diff --git a/strudel_ex/gbif-app/index.html b/strudel_ex/gbif-app/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon-32x32.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>STRUDEL + React + MUI</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>