add web app setup

FarrelAD · FarrelAD · commit cd1dd0eeee7f · 2025-01-16T16:56:17.000+07:00
diff --git a/src/web/index.html b/src/web/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JS Linear Regression</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
+        rel="stylesheet">
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body>
+    <main class="container mx-auto border lg:p-0 p-5 min-h-screen">
+        <h1 class="font-bold text-2xl text-center">JS Linear Regression</h1>
+
+        <form id="data-form" class="mt-5">
+            <div class="flex items-center justify-center">
+                <label for="file-upload"
+                    class="cursor-pointer bg-indigo-100 text-indigo-600 py-2 px-4 rounded-md hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
+                    Upload File
+                </label>
+                <input id="file-upload" type="file" class="hidden" name="data"/>
+            </div>
+
+
+            <input type="submit" value="Process"
+                class="w-full mt-5 bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
+        </form>
+    </main>
+
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/src/web/script.js b/src/web/script.js
@@ -0,0 +1,8 @@
+const dataForm = document.getElementById('data-form')
+
+dataForm.addEventListener('submit', function(e) {
+    e.preventDefault()
+
+    console.log('data!')
+    console.log(this)
+})
diff --git a/src/web/tailwind.config.js b/src/web/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+}
