done

ef-api/controllers/user.js

@@ -8,7 +8,7 @@ const secret = process.env.SECRET_KEY;
 
 // This is signup
 export const signup = async (req, res) => {
-  const { email, password, firstName, lastName } = req.body;
+  const { email, password, firstName, middleName, lastName } = req.body;
 
   try {
     // Check if user already exists
@@ -25,6 +25,7 @@ export const signup = async (req, res) => {
       email,
       password: hashedPassword,
       firstName,
+      middleName,
       lastName,
     });
 

ef-api/models/user.js

@@ -2,6 +2,7 @@ import mongoose from "mongoose";
 
 const userSchema = new mongoose.Schema({
     firstName: { type: String, required: true },
+    middleName: { type: String, required: true },
     lastName: { type: String, required: true },
     email: { type: String, required: true, unique: true },
     password: { type: String, required: true },

ef-ui/dist/index.html

@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
     <!-- fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
-   <script type="module" crossorigin src="/assets/index-DW_yaEwf.js"></script>
+   <script type="module" crossorigin src="/assets/index-BSMgqDC4.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
  </head>
 

ef-ui/src/components/Dashboard.jsx

@@ -52,6 +52,10 @@ const Dashboard = () => {
                                                     First Name:{" "}
                                                     <span style={{ color: "#067ADC" }}>{user.result.firstName}</span>
                                                 </label>
+                                                <label htmlFor="middleName" className="col-sm-6 col-form-label">
+                                                    Middle Name:{" "}
+                                                    <span style={{ color: "#067ADC" }}>{user.result.middleName}</span>
+                                                </label>
                                                 <label htmlFor="lastName" className="col-sm-6 col-form-label">
                                                     Last Name:{" "}
                                                     <span style={{ color: "#067ADC" }}>{user.result.lastName}</span>

ef-ui/src/components/Navbar.jsx

@@ -9,6 +9,7 @@ const Navbar = () => {
   const { user } = useSelector((state) => ({ ...state.auth }));
   const dispatch = useDispatch();
   const navigate = useNavigate();
+  
 
   const handleLogout = () => {
     dispatch(setLogout());

ef-ui/src/components/Register.jsx

@@ -11,6 +11,7 @@ import "primeicons/primeicons.css";
 
 const initialState = {
   firstName: "",
+  middleName:"",
   lastName: "",
   email: "",
   password: "",
@@ -21,7 +22,7 @@ const Register = () => {
   const [formValue, setFormValue] = useState(initialState);
   const [isFormValid, setIsFormValid] = useState(false); // New state variable
   const { loading, error } = useSelector((state) => ({ ...state.auth }));
-  const { email, password, firstName, lastName, confirmPassword } = formValue;
+  const { email, password, firstName, middleName, lastName, confirmPassword } = formValue;
   const dispatch = useDispatch();
   const navigate = useNavigate();
 
@@ -34,10 +35,10 @@ const Register = () => {
   useEffect(() => {
     // Check if all fields are filled and all three checkboxes are selected
     const isValid =
-      email && password && firstName && lastName && confirmPassword;
+      email && password && firstName && middleName && lastName && confirmPassword;
 
     setIsFormValid(isValid);
-  }, [email, password, firstName, lastName, confirmPassword]);
+  }, [email, password, firstName, middleName, lastName, confirmPassword]);
 
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -135,6 +136,27 @@ const Register = () => {
                           </label>
                         </div>
                       </div>
+
+                      <div className="col-12">
+                        <div className="form-floating mb-3">
+                          <input
+                            type="text"
+                            className="form-control"
+                            value={middleName}
+                            name="middleName"
+                            onChange={onInputChange}
+                            placeholder="Middle Name"
+                            required="required"
+                          />
+
+                          <label htmlFor="middleName" className="form-label">
+                            Middle Name
+                          </label>
+                        </div>
+                      </div>
+
+
+
                       <div className="col-12">
                         <div className="form-floating mb-3">
                           <input

ef-ui/src/redux/store.js

@@ -1,10 +1,11 @@
 import { configureStore } from "@reduxjs/toolkit";
 import AuthReducer from "./features/authSlice";
-
+import userReducer from "./features/userSlice";
 
 export default configureStore({
   reducer: {
     auth: AuthReducer,
+    user: userReducer,
   
   },
 });

ef-ui/vite.config.js

@@ -18,3 +18,5 @@ export default defineConfig({
   },
 
 })
+
+