diff --git a/node/.prettierignore b/node/.prettierignore
new file mode 100644
index 0000000..d20cc6a
--- /dev/null
+++ b/node/.prettierignore
@@ -0,0 +1,13 @@
+#
+*.min.js
+# Ignore node_modules directory
+node_modules/
+
+# Ignore compiled files
+dist/
+build/
+out/
+
+# Ignore specific files
+*.log
+.DS_Store
diff --git a/node/.prettierrc b/node/.prettierrc
new file mode 100644
index 0000000..31dd04e
--- /dev/null
+++ b/node/.prettierrc
@@ -0,0 +1,8 @@
+{
+ "trailingComma": "es5",
+ "tabWidth": 4,
+ "semi": false,
+ "singleQuote": true,
+ "printWidth": 110,
+ "arrowParens": "avoid"
+}
diff --git a/node/app.js b/node/app.js
new file mode 100644
index 0000000..aff2ba4
--- /dev/null
+++ b/node/app.js
@@ -0,0 +1,2 @@
+console.log("Hello World!")
+
diff --git a/node/eslint.config.js b/node/eslint.config.js
new file mode 100644
index 0000000..2dd5c54
--- /dev/null
+++ b/node/eslint.config.js
@@ -0,0 +1,22 @@
+
+import globals from "globals";
+export default [
+ {
+ ignores: ["node_modules/"]
+ },
+ {
+ languageOptions: {
+ ecmaVersion: 2022,
+ sourceType: "module",
+ globals: {
+ ...globals.node,
+
+ }
+ },
+ rules: {
+ 'no-unused-vars': 'warn',
+ 'no-console': 'warn',
+ }
+ }
+];
+
diff --git a/node/node.gitignore b/node/node.gitignore
new file mode 100644
index 0000000..c6bba59
--- /dev/null
+++ b/node/node.gitignore
@@ -0,0 +1,130 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
diff --git a/web/.prettierignore b/web/.prettierignore
new file mode 100644
index 0000000..d20cc6a
--- /dev/null
+++ b/web/.prettierignore
@@ -0,0 +1,13 @@
+#
+*.min.js
+# Ignore node_modules directory
+node_modules/
+
+# Ignore compiled files
+dist/
+build/
+out/
+
+# Ignore specific files
+*.log
+.DS_Store
diff --git a/web/.prettierrc b/web/.prettierrc
new file mode 100644
index 0000000..31dd04e
--- /dev/null
+++ b/web/.prettierrc
@@ -0,0 +1,8 @@
+{
+ "trailingComma": "es5",
+ "tabWidth": 4,
+ "semi": false,
+ "singleQuote": true,
+ "printWidth": 110,
+ "arrowParens": "avoid"
+}
diff --git a/web/app.js b/web/app.js
new file mode 100644
index 0000000..aff2ba4
--- /dev/null
+++ b/web/app.js
@@ -0,0 +1,2 @@
+console.log("Hello World!")
+
diff --git a/web/eslint.config.js b/web/eslint.config.js
new file mode 100644
index 0000000..5dc2b98
--- /dev/null
+++ b/web/eslint.config.js
@@ -0,0 +1,20 @@
+import globals from "globals";
+export default [
+ {
+ ignores: ["node_modules/"]
+ },
+ {
+ languageOptions: {
+ ecmaVersion: 2022,
+ sourceType: "module",
+ globals: {
+ ...globals.browser, // Adds browser-specific globals like `window` and `document`
+ }
+ },
+ rules: {
+ 'no-unused-vars': 'warn',
+ 'no-console': 'warn', // Keep as a warning since `console` might be useful for debugging in dev
+ }
+ }
+];
+
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..61436c7
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+ Document
+
+
+
+ Hello World!
+
+
+
+
+
diff --git a/web/style.css b/web/style.css
new file mode 100644
index 0000000..ed31f00
--- /dev/null
+++ b/web/style.css
@@ -0,0 +1,130 @@
+:root {
+/* Font Sizes */
+ --fs-100: 0.625rem;
+ --fs-200: 0.75rem;
+ --fs-300: 0.875rem;
+ --fs-400: 1rem;
+ --fs-500: 1.125rem;
+ --fs-600: 1.25rem;
+ --fs-700: 1.5rem;
+ --fs-800: 2.5rem;
+ --fs-900: 3.5rem;
+
+ --fw-regular: 400;
+ --fw-semi-bold: 500;
+ --fw-bold: 700;
+
+ /* Color variables */
+ --clr-bg-ltheme: #edebe9;
+ --clr-text-ltheme: #1b1b1b;
+ --clr-accent-ltheme: #ff8000;
+ --clr-primary-ltheme: #d4d4d2;
+ --clr-secondary-ltheme: #babcbb;
+ --clr-link-ltheme: blue;
+ --clr-border-ltheme: blue;
+
+ --clr-bg-dtheme: #121212;
+ --clr-text-dtheme: #edebe9;
+ --clr-accent-dtheme: #3a3b9c;
+ --clr-primary-dtheme: #1b1b1b;
+ --clr-secondary-dtheme: #2d2d2d;
+ --clr-link-dtheme: blue;
+ --clr-border-dtheme: blue;
+
+ /* General Colors */
+ --black: #000; /* Black */
+ --white: #fff; /* White */
+ --clr-000: #636363;
+ --clr-100: #5A5A5A;
+ --clr-200: #515151;
+ --clr-300: #484848;
+ --clr-400: #3F3F3F;
+ --clr-500: #363636;
+ --clr-600: #2D2D2D;
+ --clr-700: #242424;
+ --clr-800: #1B1B1B;
+ --clr-900: #121212;
+
+ /* Semantic Colors */
+ --clr-success: #118c11;
+ --clr-info: #17a2b8;
+ --clr-warning: #ff8000;
+ --clr-danger: #d00000;
+}
+
+/* CSS Resets */
+*, *::before, *::after {
+ box-sizing: border-box;
+}
+
+/* Remove default margins. */
+* {
+ margin: 0;
+ padding: 0;
+}
+
+/* Set core root defaults */
+html:focus-within {
+ scroll-behavior: smooth;
+}
+
+/* Make images easiser to work with. */
+img,picture,svg, video {
+display: block;
+max-width: 100%;
+}
+
+/* Remove list styles (bullets/numbers) */
+ol, ul, menu {
+ list-style: none;
+}
+
+/* Form elements inherit font styles. */
+input, textarea, button, select {
+ font: inherit;
+}
+
+/* Motion Reducted Media Query */
+@media screen and
+ (prefers-reduced-motion: reduce),
+ (update: slow) {
+ * {
+ animation-duration: 0.001ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.001ms !important;
+ }
+}
+
+/* Screen reader friendly hidden. */
+.visually-hidden:not(:focus):not(:active) {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: auto;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+ white-space: nowrap;
+}
+
+/* Body and core Themes */
+
+body{
+ display: grid;
+ min-width: 100vw;
+ min-height: 100vh;
+ align-items: start;
+ justify-items: center;
+ line-height: 1.5rem;
+ background-color: var(--clr-bg-ltheme);
+ color: var(--clr-text-ltheme);
+}
+
+@media (prefers-color-scheme: dark) {
+ body{
+ background-color: var(--clr-bg-dtheme);
+ color: var(--clr-text-dtheme);
+ }
+}
+