From 5424351cea0104d4ec8765e6654ee9c904e9d533 Mon Sep 17 00:00:00 2001
From: Nirodan <nirodan.production@gmail.com>
Date: Sat, 14 Jun 2025 14:01:20 +0200
Subject: [PATCH] umbennen von frontend zu frontend

---
 backend/app.py                                | 23 +++++++++++++++++++
 backend/requirements.txt                      |  2 ++
 frontend/.env                                 |  1 +
 {react-md5-tools => frontend}/.gitignore      |  0
 {react-md5-tools => frontend}/README.md       |  0
 .../eslint.config.js                          |  0
 {react-md5-tools => frontend}/index.html      |  0
 .../package-lock.json                         |  0
 {react-md5-tools => frontend}/package.json    |  0
 {react-md5-tools => frontend}/public/vite.svg |  0
 {react-md5-tools => frontend}/src/App.css     |  0
 {react-md5-tools => frontend}/src/App.jsx     |  3 +--
 .../src/assets/react.svg                      |  0
 .../src/components/Home.jsx                   |  0
 .../src/components/LoginForm.jsx              |  0
 .../src/components/LogoutButton.jsx           |  0
 .../src/components/Md5Tool.jsx                |  0
 frontend/src/components/ToolsOverview.jsx     | 23 +++++++++++++++++++
 {react-md5-tools => frontend}/src/index.css   |  0
 {react-md5-tools => frontend}/src/main.jsx    |  0
 .../src/services/api.js                       |  0
 {react-md5-tools => frontend}/vite.config.js  |  0
 22 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 backend/app.py
 create mode 100644 backend/requirements.txt
 create mode 100644 frontend/.env
 rename {react-md5-tools => frontend}/.gitignore (100%)
 rename {react-md5-tools => frontend}/README.md (100%)
 rename {react-md5-tools => frontend}/eslint.config.js (100%)
 rename {react-md5-tools => frontend}/index.html (100%)
 rename {react-md5-tools => frontend}/package-lock.json (100%)
 rename {react-md5-tools => frontend}/package.json (100%)
 rename {react-md5-tools => frontend}/public/vite.svg (100%)
 rename {react-md5-tools => frontend}/src/App.css (100%)
 rename {react-md5-tools => frontend}/src/App.jsx (85%)
 rename {react-md5-tools => frontend}/src/assets/react.svg (100%)
 rename {react-md5-tools => frontend}/src/components/Home.jsx (100%)
 rename {react-md5-tools => frontend}/src/components/LoginForm.jsx (100%)
 rename {react-md5-tools => frontend}/src/components/LogoutButton.jsx (100%)
 rename {react-md5-tools => frontend}/src/components/Md5Tool.jsx (100%)
 create mode 100644 frontend/src/components/ToolsOverview.jsx
 rename {react-md5-tools => frontend}/src/index.css (100%)
 rename {react-md5-tools => frontend}/src/main.jsx (100%)
 rename {react-md5-tools => frontend}/src/services/api.js (100%)
 rename {react-md5-tools => frontend}/vite.config.js (100%)

diff --git a/backend/app.py b/backend/app.py
new file mode 100644
index 0000000..120c6df
--- /dev/null
+++ b/backend/app.py
@@ -0,0 +1,23 @@
+from flask import Flask, request, jsonify
+from flask_cors import CORS
+
+app = Flask(__name__)
+CORS(app)  # CORS für React
+
+@app.route('/api/login', methods=['POST'])
+def login():
+    data = request.get_json()
+    username = data.get('username')
+    password = data.get('password')
+
+    # Temporär: hardcodierter Benutzer
+    if username == 'admin' and password == 'admin':
+        return jsonify({
+            'token': 'mock-token',
+            'role': 'admin'
+        })
+
+    return jsonify({'message': 'Ungültige Login-Daten'}), 401
+
+if __name__ == '__main__':
+    app.run(host='127.0.0.1', port=5000, debug=True)
diff --git a/backend/requirements.txt b/backend/requirements.txt
new file mode 100644
index 0000000..f0861ea
--- /dev/null
+++ b/backend/requirements.txt
@@ -0,0 +1,2 @@
+flask
+flask-cors
diff --git a/frontend/.env b/frontend/.env
new file mode 100644
index 0000000..ecfe4a0
--- /dev/null
+++ b/frontend/.env
@@ -0,0 +1 @@
+VITE_API_URL=http://127.0.0.1:5000/api
diff --git a/react-md5-tools/.gitignore b/frontend/.gitignore
similarity index 100%
rename from react-md5-tools/.gitignore
rename to frontend/.gitignore
diff --git a/react-md5-tools/README.md b/frontend/README.md
similarity index 100%
rename from react-md5-tools/README.md
rename to frontend/README.md
diff --git a/react-md5-tools/eslint.config.js b/frontend/eslint.config.js
similarity index 100%
rename from react-md5-tools/eslint.config.js
rename to frontend/eslint.config.js
diff --git a/react-md5-tools/index.html b/frontend/index.html
similarity index 100%
rename from react-md5-tools/index.html
rename to frontend/index.html
diff --git a/react-md5-tools/package-lock.json b/frontend/package-lock.json
similarity index 100%
rename from react-md5-tools/package-lock.json
rename to frontend/package-lock.json
diff --git a/react-md5-tools/package.json b/frontend/package.json
similarity index 100%
rename from react-md5-tools/package.json
rename to frontend/package.json
diff --git a/react-md5-tools/public/vite.svg b/frontend/public/vite.svg
similarity index 100%
rename from react-md5-tools/public/vite.svg
rename to frontend/public/vite.svg
diff --git a/react-md5-tools/src/App.css b/frontend/src/App.css
similarity index 100%
rename from react-md5-tools/src/App.css
rename to frontend/src/App.css
diff --git a/react-md5-tools/src/App.jsx b/frontend/src/App.jsx
similarity index 85%
rename from react-md5-tools/src/App.jsx
rename to frontend/src/App.jsx
index cb112d8..e104182 100644
--- a/react-md5-tools/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -2,7 +2,6 @@ import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 //import AdminDashboard from './components/AdminDashboard';
 import LoginForm from './components/LoginForm';
 //import RegisterForm from './components/RegisterForm';
-//import ToolOverview from './components/ToolOverview';
 import Home from './components/Home';
 
 function App() {
@@ -12,7 +11,7 @@ function App() {
   return (
     <BrowserRouter>
       <Routes>
-        {/*<Route path="/" element={isLoggedIn ? <ToolOverview /> : <Navigate to="/login" />} />*/}
+        <Route path="/" element={isLoggedIn ? <ToolsOverview /> : <Navigate to="/login" />} />
         <Route path="/login" element={<LoginForm />} />
         {/*<Route path="/register" element={<RegisterForm />} />*/}
         <Route path="/tools/md5" element={isLoggedIn ? <Md5Tool /> : <Navigate to="/login" />} />
diff --git a/react-md5-tools/src/assets/react.svg b/frontend/src/assets/react.svg
similarity index 100%
rename from react-md5-tools/src/assets/react.svg
rename to frontend/src/assets/react.svg
diff --git a/react-md5-tools/src/components/Home.jsx b/frontend/src/components/Home.jsx
similarity index 100%
rename from react-md5-tools/src/components/Home.jsx
rename to frontend/src/components/Home.jsx
diff --git a/react-md5-tools/src/components/LoginForm.jsx b/frontend/src/components/LoginForm.jsx
similarity index 100%
rename from react-md5-tools/src/components/LoginForm.jsx
rename to frontend/src/components/LoginForm.jsx
diff --git a/react-md5-tools/src/components/LogoutButton.jsx b/frontend/src/components/LogoutButton.jsx
similarity index 100%
rename from react-md5-tools/src/components/LogoutButton.jsx
rename to frontend/src/components/LogoutButton.jsx
diff --git a/react-md5-tools/src/components/Md5Tool.jsx b/frontend/src/components/Md5Tool.jsx
similarity index 100%
rename from react-md5-tools/src/components/Md5Tool.jsx
rename to frontend/src/components/Md5Tool.jsx
diff --git a/frontend/src/components/ToolsOverview.jsx b/frontend/src/components/ToolsOverview.jsx
new file mode 100644
index 0000000..e48d133
--- /dev/null
+++ b/frontend/src/components/ToolsOverview.jsx
@@ -0,0 +1,23 @@
+import { useNavigate } from 'react-router-dom';
+import LogoutButton from './LogoutButton';
+
+function ToolOverview() {
+  const navigate = useNavigate();
+  const role = localStorage.getItem('role');
+
+  return (
+    <div>
+      <h2>Tool-Übersicht</h2>
+      <p>Wähle ein Tool aus:</p>
+
+      <button onClick={() => navigate('/tools/md5')}>MD5 Tool</button><br /><br />
+      {role === 'admin' && (
+        <button onClick={() => navigate('/admin')}>Admin-Bereich</button>
+      )}
+      <br /><br />
+      <LogoutButton />
+    </div>
+  );
+}
+
+export default ToolOverview;
diff --git a/react-md5-tools/src/index.css b/frontend/src/index.css
similarity index 100%
rename from react-md5-tools/src/index.css
rename to frontend/src/index.css
diff --git a/react-md5-tools/src/main.jsx b/frontend/src/main.jsx
similarity index 100%
rename from react-md5-tools/src/main.jsx
rename to frontend/src/main.jsx
diff --git a/react-md5-tools/src/services/api.js b/frontend/src/services/api.js
similarity index 100%
rename from react-md5-tools/src/services/api.js
rename to frontend/src/services/api.js
diff --git a/react-md5-tools/vite.config.js b/frontend/vite.config.js
similarity index 100%
rename from react-md5-tools/vite.config.js
rename to frontend/vite.config.js