++

Added already existing code for further development
2024-12-18 10:59:28 +01:00
commit dab55442be
2034 changed files with 264398 additions and 0 deletions
@@ -0,0 +1,48 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import axios from 'axios';
+
+function Login({ setIsLoggedIn }) {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+    const [message, setMessage] = useState('');
+    const navigate = useNavigate();
+
+    const handleLogin = async (e) => {
+        e.preventDefault();
+        try {
+            const res = await axios.post('http://localhost:5000/login', { username, password });
+            setMessage(res.data.message);
+            setIsLoggedIn(true);
+            navigate('/');
+        } catch (err) {
+            setMessage(err.response.data.error);
+        }
+    };
+
+    return (
+        <div className="form-container">
+            <h2>Login</h2>
+            <form onSubmit={handleLogin}>
+                <input
+                    type="text"
+                    placeholder="Username"
+                    value={username}
+                    onChange={(e) => setUsername(e.target.value)}
+                    required
+                />
+                <input
+                    type="password"
+                    placeholder="Password"
+                    value={password}
+                    onChange={(e) => setPassword(e.target.value)}
+                    required
+                />
+                <button className="btn" type="submit">Login</button>
+            </form>
+            <p>{message}</p>
+        </div>
+    );
+}
+
+export default Login;