From c36da4d146caca3e62a0c01d42d12db65dc7d7d4 Mon Sep 17 00:00:00 2001
From: Dosseh91 <98787470+Dosseh91@users.noreply.github.com>
Date: Wed, 4 Jun 2025 22:50:21 +0200
Subject: [PATCH] Create Register

---
 src/pages/Register | 83 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 src/pages/Register

diff --git a/src/pages/Register b/src/pages/Register
new file mode 100644
index 0000000..51169ed
--- /dev/null
+++ b/src/pages/Register
@@ -0,0 +1,83 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+const Register = () => {
+  const navigate = useNavigate();
+  const [formData, setFormData] = useState({
+    username: '',
+    email: '',
+    password: '',
+    confirmPassword: ''
+  });
+
+  const handleChange = (e) => {
+    setFormData({
+      ...formData,
+      [e.target.name]: e.target.value
+    });
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+
+    // Simple validation
+    if (formData.password !== formData.confirmPassword) {
+      alert("Passwords do not match!");
+      return;
+    }
+
+    // You can replace this with API call
+    console.log("Registering user:", formData);
+
+    // Simulate success
+    alert("Registration successful!");
+    navigate('/login'); // redirect to login page
+  };
+
+  return (
+    <div className="register-container" style={{ padding: '2rem', maxWidth: '500px', margin: 'auto' }}>
+      <h2>Create Account</h2>
+      <form onSubmit={handleSubmit}>
+        <input
+          type="text"
+          name="username"
+          placeholder="Username"
+          onChange={handleChange}
+          value={formData.username}
+          required
+        />
+        <br />
+        <input
+          type="email"
+          name="email"
+          placeholder="Email"
+          onChange={handleChange}
+          value={formData.email}
+          required
+        />
+        <br />
+        <input
+          type="password"
+          name="password"
+          placeholder="Password"
+          onChange={handleChange}
+          value={formData.password}
+          required
+        />
+        <br />
+        <input
+          type="password"
+          name="confirmPassword"
+          placeholder="Confirm Password"
+          onChange={handleChange}
+          value={formData.confirmPassword}
+          required
+        />
+        <br />
+        <button type="submit">Register</button>
+      </form>
+    </div>
+  );
+};
+
+export default Register;