diff --git a/backend/routes/default/frontend.route.js b/backend/routes/default/frontend.route.js
index e69de29..287a059 100644
--- a/backend/routes/default/frontend.route.js
+++ b/backend/routes/default/frontend.route.js
@@ -0,0 +1,4 @@
+import express from "express";
+import dotenv from "dotenv";
+const router = express.Router();
+dotenv.config();
\ No newline at end of file
diff --git a/backend/scheme.sql b/backend/scheme.sql
new file mode 100644
index 0000000..2c69777
--- /dev/null
+++ b/backend/scheme.sql
@@ -0,0 +1,24 @@
+CREATE TABLE users (
+ id INT AUTO_INCREMENT PRIMARY KEY,
+ username VARCHAR(100) NOT NULL,
+ first_name VARCHAR(100) NOT NULL,
+ last_name VARCHAR(100) NOT NULL,
+ email VARCHAR(255) NOT NULL UNIQUE,
+ unique_key CHAR(25) NOT NULL UNIQUE,
+ created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+-- Trigger zur automatischen Generierung eines 25‑stelligen Keys
+DELIMITER $
+
+CREATE TRIGGER before_user_insert
+BEFORE INSERT ON users
+FOR EACH ROW
+BEGIN
+ SET NEW.unique_key = SUBSTRING(
+ REPLACE(UUID(), '-', '')
+ -- UUID = 32 Zeichen, wir nehmen 25 davon
+ , 1, 25);
+END$
+
+DELIMITER ;
diff --git a/backend/server.js b/backend/server.js
index 62ee6fe..ce9d4c0 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -1,5 +1,8 @@
import express from "express";
import cors from "cors";
+import defaultRouter from "./routes/default/frontend.route.js";
+import dotenv from "dotenv";
+dotenv.config();
const app = express();
const PORT = process.env.PORT;
@@ -9,6 +12,8 @@ app.use(cors());
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
+app.use("/default", defaultRouter);
+
app.get("/", (req, res) => {
res.render("index");
});
diff --git a/docker-compose.yml b/docker-compose.yml
index bc251d8..238514a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,10 +1,10 @@
services:
- frontend:
- container_name: ca-lose-frontend
- build: ./frontend
- ports:
- - "8002:80"
- restart: unless-stopped
+ # frontend:
+ # container_name: ca-lose-frontend
+ # build: ./frontend
+ # ports:
+ # - "8002:80"
+ # restart: unless-stopped
backend:
container_name: ca-lose-backend
@@ -13,21 +13,23 @@ services:
- "8004:8004"
environment:
NODE_ENV: production
- DB_HOST: ca-lose
+ DB_HOST: ca_lose
DB_USER: root
DB_PASSWORD: ${DB_PASSWORD}
- DB_NAME: ca-lose
+ DB_NAME: ca_lose
depends_on:
- - ca-lose
+ - database
restart: unless-stopped
database:
- container_name: ca-lose
+ container_name: ca-lose-mysql
image: mysql:8.0
restart: unless-stopped
+ ports:
+ - "3311:3306"
environment:
MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
- MYSQL_DATABASE: ca-lose
+ MYSQL_DATABASE: ca_lose
TZ: Europe/Berlin
volumes:
- ca-lose_mysql:/var/lib/mysql
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index cbca22c..4c8cd2e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,12 +1,12 @@
import "./App.css";
import { BrowserRouter, Route, Routes } from "react-router-dom";
-import { Inputs } from "./pages/Inputs";
+import { MainForm } from "./pages/MainForm";
function App() {
return (
- } />
+ } />
);
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index bef5202..10ed13e 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import App from "./App.tsx";
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
- ,
-)
+
+);
diff --git a/frontend/src/pages/Inputs.tsx b/frontend/src/pages/Inputs.tsx
deleted file mode 100644
index b314927..0000000
--- a/frontend/src/pages/Inputs.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export const Inputs = () => {
- return Inputs Page
;
-};
diff --git a/frontend/src/pages/MainForm.tsx b/frontend/src/pages/MainForm.tsx
new file mode 100644
index 0000000..af2d431
--- /dev/null
+++ b/frontend/src/pages/MainForm.tsx
@@ -0,0 +1,96 @@
+import { TextField, FormControlLabel, Checkbox, Button } from "@mui/material";
+import { useTranslation } from "react-i18next";
+import { useState } from "react";
+
+export const MainForm = () => {
+ const { t } = useTranslation();
+ const [invoice, setInvoice] = useState(false);
+
+ return (
+ <>
+
+
+ );
+};