From b08083b63a8e842497c747ac9ca1abb26157493d Mon Sep 17 00:00:00 2001
From: Nirodan <nirodan.production@gmail.com>
Date: Sat, 14 Jun 2025 12:24:56 +0200
Subject: [PATCH] First Version

---
 react-md5-tools/src/components/Md5Tool.jsx | 32 ++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 react-md5-tools/src/components/Md5Tool.jsx

diff --git a/react-md5-tools/src/components/Md5Tool.jsx b/react-md5-tools/src/components/Md5Tool.jsx
new file mode 100644
index 0000000..da202a2
--- /dev/null
+++ b/react-md5-tools/src/components/Md5Tool.jsx
@@ -0,0 +1,32 @@
+import { useState } from 'react';
+import axios from '../services/api';
+
+function Md5Tool() {
+  const [input, setInput] = useState('');
+  const [result, setResult] = useState('');
+
+  const hashPassword = async () => {
+    try {
+      const res = await axios.post('/hash/md5', { password: input });
+      setResult(res.data.md5);
+    } catch (err) {
+      alert('Fehler beim Hashen');
+    }
+  };
+
+  return (
+    <div>
+      <h2>MD5 Hasher</h2>
+      <input
+        type="text"
+        value={input}
+        onChange={(e) => setInput(e.target.value)}
+        placeholder="Gib ein Passwort ein"
+      />
+      <button onClick={hashPassword}>Hash berechnen</button>
+      {result && <p><strong>MD5:</strong> {result}</p>}
+    </div>
+  );
+}
+
+export default Md5Tool;