First web interaction

.gitignore

@@ -1 +1,2 @@
-.vscode
+.vscode
+.claude

CITATION.cff

@@ -0,0 +1,42 @@
+cff-version: 1.2.0
+message: "If you use this software, please cite it as below."
+type: software
+title: "Data Storytelling Web Application"
+abstract: "A web application for data storytelling, part of the eScience Center Tech Focus Project 2025. Built with SvelteKit and designed to help Research Software Engineers and scientists present complex research outputs using storytelling techniques, combining narrative design, data visualization, and AI tooling."
+authors:
+  - family-names: "Moodley"
+    given-names: "Kody"
+    affiliation: "Netherlands eScience Center"
+    orcid: "https://orcid.org/0000-0001-5666-1658"
+  - family-names: "Rodríguez"
+    given-names: "Pablo"
+    affiliation: "Netherlands eScience Center"
+    orcid: "https://orcid.org/0000-0002-2855-940X"
+  - family-names: "Verhoeven"
+    given-names: "Stefan"
+    affiliation: "Netherlands eScience Center"
+  - family-names: "Kalverla"
+    given-names: "Peter"
+    affiliation: "Netherlands eScience Center"
+  - family-names: "Gonzalez"
+    given-names: "Jesse"
+    affiliation: "Netherlands eScience Center"
+    orcid: "https://orcid.org/0000-0002-2170-3253"
+  - family-names: "Belloum"
+    given-names: "Adam"
+    affiliation: "Netherlands eScience Center"
+  - family-names: "Ye"
+    given-names: "Junming"
+    affiliation: "Netherlands eScience Center"
+repository-code: "https://github.com/escience/data-storytelling"
+url: "https://github.com/escience/data-storytelling"
+keywords:
+  - data-storytelling
+  - data-visualization
+  - research-software
+  - sveltekit
+  - ai-powered
+  - scientific-communication
+license: Apache-2.0
+version: 0.0.1
+date-released: 2025-01-01

README.md

@@ -1,5 +1,9 @@
 # 📊 Data Storytelling @ eScience Center
 
+[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+[![Research Software Directory](https://img.shields.io/badge/rsd-RSD--as--a--service-00a3e3.svg)](https://research-software-directory.org/projects/data-storytelling)
+<!-- [![DOI](https://zenodo.org/badge/413814951.svg)](https://zenodo.org/badge/latestdoi/413814951) -->
+
 Welcome to the repository for our **Tech Focus Project 2025: Data Storytelling**, part of the NLeSC initiative to enhance communication and accessibility of research software through compelling, AI-powered narratives.
 
 This repository gathers all deliverables, research, tools, and demos created during the project.
@@ -58,7 +62,7 @@ See also:
 - [Pablo Rodríguez](https://github.com/PabRod)	- Research Software Engineer
 - Stefan Verhoeven - Research Software Engineer
 - Peter Kalverla - Research Software Engineer
-- Jesse Gonzalez - Project Lead - Research Software Engineer  
+- Jesse Gonzalez - Project Lead - Research Software Engineer
 
 - Adam Belloum - Tech Lead
 - Junming Ye - Student Researcher

webapp/.claude/settings.local.json

@@ -0,0 +1,20 @@
+{
+  "permissions": {
+    "allow": [
+      "Read(//Users/ctw/Sites/github/escience/data-storytelling/**)",
+      "mcp__context7__resolve-library-id",
+      "mcp__context7__get-library-docs",
+      "mcp__browsermcp__browser_navigate",
+      "mcp__browsermcp__browser_screenshot",
+      "mcp__browsermcp__browser_wait",
+      "mcp__browsermcp__browser_press_key",
+      "mcp__browsermcp__browser_snapshot",
+      "mcp__browsermcp__browser_get_console_logs",
+      "mcp__browsermcp__browser_click",
+      "WebFetch(domain:www.igloo.inc)",
+      "WebSearch"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

webapp/.gitignore

@@ -0,0 +1,23 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

webapp/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

webapp/.prettierignore

@@ -0,0 +1,9 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb
+
+# Miscellaneous
+/static/

webapp/.prettierrc

@@ -0,0 +1,15 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}

webapp/README.md

@@ -0,0 +1,38 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.