umbennen von frontend zu frontend

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)

backend/requirements.txt

@@ -0,0 +1,2 @@
+flask
+flask-cors

frontend/.env

@@ -0,0 +1 @@
+VITE_API_URL=http://127.0.0.1:5000/api

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" />} />

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;