diff --git a/.gitignore b/api/.gitignore
similarity index 100%
rename from .gitignore
rename to api/.gitignore
diff --git a/README.md b/api/README.md
similarity index 100%
rename from README.md
rename to api/README.md
diff --git a/cmd/actions.go b/api/cmd/actions.go
similarity index 100%
rename from cmd/actions.go
rename to api/cmd/actions.go
diff --git a/cmd/main.go b/api/cmd/main.go
similarity index 100%
rename from cmd/main.go
rename to api/cmd/main.go
diff --git a/config.json b/api/config.json
similarity index 100%
rename from config.json
rename to api/config.json
diff --git a/docker/Dockerfile b/api/docker/Dockerfile
similarity index 100%
rename from docker/Dockerfile
rename to api/docker/Dockerfile
diff --git a/docker/Dockerfile.prod b/api/docker/Dockerfile.prod
similarity index 100%
rename from docker/Dockerfile.prod
rename to api/docker/Dockerfile.prod
diff --git a/docker/nodemon.json b/api/docker/nodemon.json
similarity index 100%
rename from docker/nodemon.json
rename to api/docker/nodemon.json
diff --git a/go.mod b/api/go.mod
similarity index 100%
rename from go.mod
rename to api/go.mod
diff --git a/go.sum b/api/go.sum
similarity index 100%
rename from go.sum
rename to api/go.sum
diff --git a/internal/cache/cache.go b/api/internal/cache/cache.go
similarity index 100%
rename from internal/cache/cache.go
rename to api/internal/cache/cache.go
diff --git a/internal/cache/key.go b/api/internal/cache/key.go
similarity index 100%
rename from internal/cache/key.go
rename to api/internal/cache/key.go
diff --git a/internal/cli/cli.go b/api/internal/cli/cli.go
similarity index 100%
rename from internal/cli/cli.go
rename to api/internal/cli/cli.go
diff --git a/internal/slicer/slicer.go b/api/internal/slicer/slicer.go
similarity index 100%
rename from internal/slicer/slicer.go
rename to api/internal/slicer/slicer.go
diff --git a/internal/thumbnail/thumbnail.go b/api/internal/thumbnail/thumbnail.go
similarity index 100%
rename from internal/thumbnail/thumbnail.go
rename to api/internal/thumbnail/thumbnail.go
diff --git a/internal/valkeydb/db.go b/api/internal/valkeydb/db.go
similarity index 100%
rename from internal/valkeydb/db.go
rename to api/internal/valkeydb/db.go
diff --git a/notes.txt b/api/notes.txt
similarity index 100%
rename from notes.txt
rename to api/notes.txt
diff --git a/docker/docker-compose.yml b/docker-compose.yml
similarity index 77%
rename from docker/docker-compose.yml
rename to docker-compose.yml
index 4419daa..163dfdb 100644
--- a/docker/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
services:
slic3r-api:
build:
- context: ../
+ context: ./api
dockerfile: docker/Dockerfile
volumes:
- ../:/src
@@ -17,6 +17,16 @@ services:
valkey:
condition: service_healthy
+ slicer-ui:
+ build:
+ context: ./ui
+ dockerfile: Dockerfile
+ volumes:
+ - ./ui:/app
+ - /app/node_modules
+ ports:
+ - 5173:5173
+
valkey:
image: valkey/valkey:8-alpine
command: valkey-server --maxmemory 256mb --maxmemory-policy allkeys-lru --appendonly yes
diff --git a/ui/.dockerignore b/ui/.dockerignore
new file mode 100644
index 0000000..9b8d514
--- /dev/null
+++ b/ui/.dockerignore
@@ -0,0 +1,4 @@
+.react-router
+build
+node_modules
+README.md
\ No newline at end of file
diff --git a/ui/.gitignore b/ui/.gitignore
new file mode 100644
index 0000000..039ee62
--- /dev/null
+++ b/ui/.gitignore
@@ -0,0 +1,7 @@
+.DS_Store
+.env
+/node_modules/
+
+# React Router
+/.react-router/
+/build/
diff --git a/ui/Dockerfile b/ui/Dockerfile
new file mode 100644
index 0000000..207bf93
--- /dev/null
+++ b/ui/Dockerfile
@@ -0,0 +1,22 @@
+FROM node:20-alpine AS development-dependencies-env
+COPY . /app
+WORKDIR /app
+RUN npm ci
+
+FROM node:20-alpine AS production-dependencies-env
+COPY ./package.json package-lock.json /app/
+WORKDIR /app
+RUN npm ci --omit=dev
+
+FROM node:20-alpine AS build-env
+COPY . /app/
+COPY --from=development-dependencies-env /app/node_modules /app/node_modules
+WORKDIR /app
+RUN npm run build
+
+FROM node:20-alpine
+COPY ./package.json package-lock.json /app/
+COPY --from=production-dependencies-env /app/node_modules /app/node_modules
+COPY --from=build-env /app/build /app/build
+WORKDIR /app
+CMD ["npm", "run", "start"]
\ No newline at end of file
diff --git a/ui/README.md b/ui/README.md
new file mode 100644
index 0000000..5c4780a
--- /dev/null
+++ b/ui/README.md
@@ -0,0 +1,87 @@
+# Welcome to React Router!
+
+A modern, production-ready template for building full-stack React applications using React Router.
+
+[](https://stackblitz.com/github/remix-run/react-router-templates/tree/main/default)
+
+## Features
+
+- 🚀 Server-side rendering
+- ⚡️ Hot Module Replacement (HMR)
+- 📦 Asset bundling and optimization
+- 🔄 Data loading and mutations
+- 🔒 TypeScript by default
+- 🎉 TailwindCSS for styling
+- 📖 [React Router docs](https://reactrouter.com/)
+
+## Getting Started
+
+### Installation
+
+Install the dependencies:
+
+```bash
+npm install
+```
+
+### Development
+
+Start the development server with HMR:
+
+```bash
+npm run dev
+```
+
+Your application will be available at `http://localhost:5173`.
+
+## Building for Production
+
+Create a production build:
+
+```bash
+npm run build
+```
+
+## Deployment
+
+### Docker Deployment
+
+To build and run using Docker:
+
+```bash
+docker build -t my-app .
+
+# Run the container
+docker run -p 3000:3000 my-app
+```
+
+The containerized application can be deployed to any platform that supports Docker, including:
+
+- AWS ECS
+- Google Cloud Run
+- Azure Container Apps
+- Digital Ocean App Platform
+- Fly.io
+- Railway
+
+### DIY Deployment
+
+If you're familiar with deploying Node applications, the built-in app server is production-ready.
+
+Make sure to deploy the output of `npm run build`
+
+```
+├── package.json
+├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
+├── build/
+│ ├── client/ # Static assets
+│ └── server/ # Server-side code
+```
+
+## Styling
+
+This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
+
+---
+
+Built with ❤️ using React Router.
diff --git a/ui/app/app.css b/ui/app/app.css
new file mode 100644
index 0000000..99345d8
--- /dev/null
+++ b/ui/app/app.css
@@ -0,0 +1,15 @@
+@import "tailwindcss";
+
+@theme {
+ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+html,
+body {
+ @apply bg-white dark:bg-gray-950;
+
+ @media (prefers-color-scheme: dark) {
+ color-scheme: dark;
+ }
+}
diff --git a/ui/app/root.tsx b/ui/app/root.tsx
new file mode 100644
index 0000000..9fc6636
--- /dev/null
+++ b/ui/app/root.tsx
@@ -0,0 +1,75 @@
+import {
+ isRouteErrorResponse,
+ Links,
+ Meta,
+ Outlet,
+ Scripts,
+ ScrollRestoration,
+} from "react-router";
+
+import type { Route } from "./+types/root";
+import "./app.css";
+
+export const links: Route.LinksFunction = () => [
+ { rel: "preconnect", href: "https://fonts.googleapis.com" },
+ {
+ rel: "preconnect",
+ href: "https://fonts.gstatic.com",
+ crossOrigin: "anonymous",
+ },
+ {
+ rel: "stylesheet",
+ href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
+ },
+];
+
+export function Layout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+ );
+}
+
+export default function App() {
+ return ;
+}
+
+export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
+ let message = "Oops!";
+ let details = "An unexpected error occurred.";
+ let stack: string | undefined;
+
+ if (isRouteErrorResponse(error)) {
+ message = error.status === 404 ? "404" : "Error";
+ details =
+ error.status === 404
+ ? "The requested page could not be found."
+ : error.statusText || details;
+ } else if (import.meta.env.DEV && error && error instanceof Error) {
+ details = error.message;
+ stack = error.stack;
+ }
+
+ return (
+
+ {message}
+ {details}
+ {stack && (
+
+ {stack}
+
+ )}
+
+ );
+}
diff --git a/ui/app/routes.ts b/ui/app/routes.ts
new file mode 100644
index 0000000..102b402
--- /dev/null
+++ b/ui/app/routes.ts
@@ -0,0 +1,3 @@
+import { type RouteConfig, index } from "@react-router/dev/routes";
+
+export default [index("routes/home.tsx")] satisfies RouteConfig;
diff --git a/ui/app/routes/home.tsx b/ui/app/routes/home.tsx
new file mode 100644
index 0000000..398e47c
--- /dev/null
+++ b/ui/app/routes/home.tsx
@@ -0,0 +1,13 @@
+import type { Route } from "./+types/home";
+import { Welcome } from "../welcome/welcome";
+
+export function meta({}: Route.MetaArgs) {
+ return [
+ { title: "New React Router App" },
+ { name: "description", content: "Welcome to React Router!" },
+ ];
+}
+
+export default function Home() {
+ return ;
+}
diff --git a/ui/app/welcome/logo-dark.svg b/ui/app/welcome/logo-dark.svg
new file mode 100644
index 0000000..dd82028
--- /dev/null
+++ b/ui/app/welcome/logo-dark.svg
@@ -0,0 +1,23 @@
+
diff --git a/ui/app/welcome/logo-light.svg b/ui/app/welcome/logo-light.svg
new file mode 100644
index 0000000..7328492
--- /dev/null
+++ b/ui/app/welcome/logo-light.svg
@@ -0,0 +1,23 @@
+
diff --git a/ui/app/welcome/welcome.tsx b/ui/app/welcome/welcome.tsx
new file mode 100644
index 0000000..8ac6e1d
--- /dev/null
+++ b/ui/app/welcome/welcome.tsx
@@ -0,0 +1,89 @@
+import logoDark from "./logo-dark.svg";
+import logoLight from "./logo-light.svg";
+
+export function Welcome() {
+ return (
+
+
+
+
+
+
+
+
+
+
+