diff --git a/cmd/WatchYourLAN/main.go b/cmd/WatchYourLAN/main.go
index 40acd6d..263ac60 100644
--- a/cmd/WatchYourLAN/main.go
+++ b/cmd/WatchYourLAN/main.go
@@ -5,7 +5,6 @@ import (
// "net/http"
// _ "net/http/pprof"
- _ "time/tzdata"
"github.com/aceberg/WatchYourLAN/internal/web"
)
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/frontend/.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/frontend/Makefile b/frontend/Makefile
new file mode 100644
index 0000000..9c94538
--- /dev/null
+++ b/frontend/Makefile
@@ -0,0 +1,17 @@
+PKG_NAME=WatchYourLAN
+USR_NAME=aceberg
+
+build:
+ npm run build && \
+ rm ../internal/web/public/assets/* && \
+ cp -r dist/assets ../internal/web/public
+
+replace:
+ cd ../internal/web/public/assets/ && \
+ cat index-*.js | sed 's/assets/fs\/public\/assets/g;s/http:\/\/0.0.0.0:8840//' > index.js && \
+ cat index-*.css | sed 's/assets/fs\/public\/assets/g' > index.css && \
+ cat HostPage-*.js | sed 's/index-.*\.js/index.js/g' > tmp && \
+ cp tmp HostPage-*.js && \
+ rm tmp index-*
+
+all: build replace
\ No newline at end of file
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..167c567
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,28 @@
+## Usage
+
+```bash
+$ npm install # or pnpm install or yarn install
+```
+
+### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm run dev`
+
+Runs the app in the development mode.
+Open [http://localhost:5173](http://localhost:5173) to view it in the browser.
+
+### `npm run build`
+
+Builds the app for production to the `dist` folder.
+It correctly bundles Solid in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.
+Your app is ready to be deployed!
+
+## Deployment
+
+Learn more about deploying your application with the [documentations](https://vite.dev/guide/static-deploy.html)
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..a786211
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,13 @@
+
+
+
| ID | +{currentHost().ID} | +
| Name | ++ handleInput(e.target.value)}> + | +
| DNS name | +{currentHost().DNS} | +
| Iface | +{currentHost().Iface} | +
| IP | ++ {currentHost().IP} + | +
| MAC | +{currentHost().Mac} | +
| Hardware | +{currentHost().Hw} | +
| Date | +{currentHost().Date} | +
| Known | +
+
+
+
+ |
+
| Online | +{currentHost().Now == 1 + ? + : + } | +