Merge branch 'IT20251000' into 'dev'

It20251000

See merge request !6

Project/Backend/ML_Models/sign_language_to_text/.ipynb_checkpoints/tensorflow-cnn-checkpoint.ipynb

@@ -2,7 +2,11 @@
  "cells": [
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 6,
+=======
    "execution_count": 2,
+>>>>>>> master
    "id": "ade37944",
    "metadata": {},
    "outputs": [],
@@ -17,7 +21,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 7,
+=======
    "execution_count": 3,
+>>>>>>> master
    "id": "16176bf6",
    "metadata": {},
    "outputs": [
@@ -40,7 +48,11 @@
        " 'Uhh']"
       ]
      },
+<<<<<<< HEAD
+     "execution_count": 7,
+=======
      "execution_count": 3,
+>>>>>>> master
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -57,7 +69,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 8,
+=======
    "execution_count": 4,
+>>>>>>> master
    "id": "8f7b1301",
    "metadata": {},
    "outputs": [],
@@ -83,7 +99,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 9,
+=======
    "execution_count": 5,
+>>>>>>> master
    "id": "c9034cbe",
    "metadata": {},
    "outputs": [],
@@ -113,7 +133,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+=======
    "execution_count": 6,
+>>>>>>> master
    "id": "7adb379e",
    "metadata": {},
    "outputs": [],
@@ -124,7 +148,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+=======
    "execution_count": 7,
+>>>>>>> master
    "id": "d44f7806",
    "metadata": {},
    "outputs": [],
@@ -144,11 +172,18 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+=======
    "execution_count": 8,
+>>>>>>> master
    "id": "ff4f0d06",
    "metadata": {
     "scrolled": true
    },
+<<<<<<< HEAD
+   "outputs": [],
+=======
    "outputs": [
     {
      "name": "stdout",
@@ -187,6 +222,7 @@
      "output_type": "execute_result"
     }
    ],
+>>>>>>> master
    "source": [
     "model.compile(optimizer='adam', loss='categorical_crossentropy', metrics=['accuracy'])\n",
     "model.fit(train_data, train_labels, epochs=EPOCHS, batch_size=BATCH_SIZE, validation_data=(val_data, val_labels))\n"
@@ -194,6 +230,12 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+   "id": "61d6a8d8",
+   "metadata": {},
+   "outputs": [],
+=======
    "execution_count": 9,
    "id": "61d6a8d8",
    "metadata": {},
@@ -220,14 +262,20 @@
      ]
     }
    ],
+>>>>>>> master
    "source": [
     "model.save('./models/model')"
    ]
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+   "id": "fdc9bfe6",
+=======
    "execution_count": 10,
    "id": "dc610fdb",
+>>>>>>> master
    "metadata": {},
    "outputs": [],
    "source": [
@@ -255,6 +303,12 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": null,
+   "id": "297e3e3c",
+   "metadata": {},
+   "outputs": [],
+=======
    "execution_count": 11,
    "id": "6b6d20d2",
    "metadata": {},
@@ -271,6 +325,7 @@
      ]
     }
    ],
+>>>>>>> master
    "source": [
     "predictions = model.predict(test_data)\n",
     "predicted_classes = np.argmax(predictions, axis=1)\n",
@@ -282,7 +337,11 @@
   {
    "cell_type": "code",
    "execution_count": null,
+<<<<<<< HEAD
+   "id": "e22211b0",
+=======
    "id": "2bd77ac5",
+>>>>>>> master
    "metadata": {},
    "outputs": [],
    "source": [

Project/Backend/ML_Models/sign_language_to_text/tensorflow-cnn.ipynb

 {
  "cells": [
   {
+<<<<<<< HEAD
+   "cell_type": "markdown",
+   "id": "91b96b6e",
+   "metadata": {},
+   "source": [
+    "### Importing Required Libraries\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+=======
    "cell_type": "code",
    "execution_count": 12,
+>>>>>>> master
    "id": "ade37944",
    "metadata": {},
    "outputs": [],
@@ -11,13 +24,31 @@
     "import os\n",
     "import cv2\n",
     "import numpy as np\n",
+<<<<<<< HEAD
+    "from sklearn.model_selection import train_test_split"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "a75d6b34",
+   "metadata": {},
+   "source": [
+    "### Define Constants\n",
+    "\n",
+    "In this section, I define some constants used throughout the code. IMG_SIZE represents the desired size of the input images, BATCH_SIZE determines the number of samples processed in each training batch, and EPOCHS specifies the number of times the model will iterate over the entire dataset during training. CLASSES is a list of class names extracted from the directory structure, and NUM_CLASSES represents the total number of classes in the dataset."
+=======
     "from sklearn.model_selection import train_test_split\n",
     "import mediapipe as mp"
+>>>>>>> master
    ]
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 7,
+=======
    "execution_count": 13,
+>>>>>>> master
    "id": "16176bf6",
    "metadata": {},
    "outputs": [
@@ -40,7 +71,11 @@
        " 'Uhh']"
       ]
      },
+<<<<<<< HEAD
+     "execution_count": 7,
+=======
      "execution_count": 13,
+>>>>>>> master
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -57,7 +92,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 8,
+=======
    "execution_count": 14,
+>>>>>>> master
    "id": "8f7b1301",
    "metadata": {},
    "outputs": [],
@@ -82,8 +121,23 @@
    ]
   },
   {
+<<<<<<< HEAD
+   "cell_type": "markdown",
+   "id": "3d2af75d",
+   "metadata": {},
+   "source": [
+    "### Load Dataset\n",
+    "\n",
+    "In this section, I define a function load_dataset() to load the images and labels from the dataset directory. The function iterates over the classes and images, reads and preprocesses each image, and stores the data and corresponding labels. The dataset path is provided as an argument to the function. After loading the dataset, I split it into training and validation sets using the train_test_split() function from sklearn. The split is done with a test size of 20% and a random state of 42."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 9,
+=======
    "cell_type": "code",
    "execution_count": 15,
+>>>>>>> master
    "id": "c9034cbe",
    "metadata": {},
    "outputs": [],
@@ -113,7 +167,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 10,
+=======
    "execution_count": 16,
+>>>>>>> master
    "id": "7adb379e",
    "metadata": {},
    "outputs": [],
@@ -123,8 +181,23 @@
    ]
   },
   {
+<<<<<<< HEAD
+   "cell_type": "markdown",
+   "id": "34d79d4d",
+   "metadata": {},
+   "source": [
+    "### Define the Model Architecture and Compile\n",
+    "\n",
+    "In this section, I define the model architecture using the Sequential API from TensorFlow's Keras API. The model consists of a series of convolutional and pooling layers, followed by flatten and dense layers. The convolutional layers extract features from the input images, and the dense layers perform classification based on these extracted features. The model is compiled with the Adam optimizer, categorical cross-entropy loss function, and accuracy as the evaluation metric."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 11,
+=======
    "cell_type": "code",
    "execution_count": 17,
+>>>>>>> master
    "id": "d44f7806",
    "metadata": {},
    "outputs": [],
@@ -143,8 +216,23 @@
    ]
   },
   {
+<<<<<<< HEAD
+   "cell_type": "markdown",
+   "id": "ab7b7e82",
+   "metadata": {},
+   "source": [
+    "### Train the Model\n",
+    "\n",
+    "In this section, I train the model using the fit() function. It takes the training data and labels as inputs and trains the model for the specified number of epochs and batch size. The validation data and labels are provided for evaluation during training. The model learns from the training data to minimize the defined loss function and improve its accuracy."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 12,
+=======
    "cell_type": "code",
    "execution_count": 18,
+>>>>>>> master
    "id": "ff4f0d06",
    "metadata": {
     "scrolled": true
@@ -154,6 +242,48 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
+<<<<<<< HEAD
+      "Epoch 1/20\n",
+      "152/152 [==============================] - 238s 2s/step - loss: 0.7102 - accuracy: 0.8011 - val_loss: 0.1194 - val_accuracy: 0.9703\n",
+      "Epoch 2/20\n",
+      "152/152 [==============================] - 238s 2s/step - loss: 0.0302 - accuracy: 0.9926 - val_loss: 0.0199 - val_accuracy: 0.9934\n",
+      "Epoch 3/20\n",
+      "152/152 [==============================] - 239s 2s/step - loss: 0.0124 - accuracy: 0.9963 - val_loss: 0.0118 - val_accuracy: 0.9959\n",
+      "Epoch 4/20\n",
+      "152/152 [==============================] - 229s 2s/step - loss: 0.0066 - accuracy: 0.9971 - val_loss: 0.0149 - val_accuracy: 0.9967\n",
+      "Epoch 5/20\n",
+      "152/152 [==============================] - 232s 2s/step - loss: 0.0108 - accuracy: 0.9973 - val_loss: 0.0066 - val_accuracy: 0.9967\n",
+      "Epoch 6/20\n",
+      "152/152 [==============================] - 231s 2s/step - loss: 5.5893e-05 - accuracy: 1.0000 - val_loss: 0.0039 - val_accuracy: 0.9975\n",
+      "Epoch 7/20\n",
+      "152/152 [==============================] - 232s 2s/step - loss: 2.1583e-05 - accuracy: 1.0000 - val_loss: 0.0033 - val_accuracy: 0.9975\n",
+      "Epoch 8/20\n",
+      "152/152 [==============================] - 229s 2s/step - loss: 1.3742e-05 - accuracy: 1.0000 - val_loss: 0.0029 - val_accuracy: 0.9983\n",
+      "Epoch 9/20\n",
+      "152/152 [==============================] - 241s 2s/step - loss: 9.8952e-06 - accuracy: 1.0000 - val_loss: 0.0026 - val_accuracy: 0.9983\n",
+      "Epoch 10/20\n",
+      "152/152 [==============================] - 248s 2s/step - loss: 7.5536e-06 - accuracy: 1.0000 - val_loss: 0.0024 - val_accuracy: 0.9983\n",
+      "Epoch 11/20\n",
+      "152/152 [==============================] - 250s 2s/step - loss: 5.9049e-06 - accuracy: 1.0000 - val_loss: 0.0021 - val_accuracy: 0.9983\n",
+      "Epoch 12/20\n",
+      "152/152 [==============================] - 235s 2s/step - loss: 4.7004e-06 - accuracy: 1.0000 - val_loss: 0.0018 - val_accuracy: 0.9992\n",
+      "Epoch 13/20\n",
+      "152/152 [==============================] - 235s 2s/step - loss: 3.7410e-06 - accuracy: 1.0000 - val_loss: 0.0016 - val_accuracy: 1.0000\n",
+      "Epoch 14/20\n",
+      "152/152 [==============================] - 217s 1s/step - loss: 2.8805e-06 - accuracy: 1.0000 - val_loss: 0.0015 - val_accuracy: 1.0000\n",
+      "Epoch 15/20\n",
+      "152/152 [==============================] - 208s 1s/step - loss: 2.1801e-06 - accuracy: 1.0000 - val_loss: 0.0012 - val_accuracy: 1.0000\n",
+      "Epoch 16/20\n",
+      "152/152 [==============================] - 206s 1s/step - loss: 1.6329e-06 - accuracy: 1.0000 - val_loss: 9.0677e-04 - val_accuracy: 1.0000\n",
+      "Epoch 17/20\n",
+      "152/152 [==============================] - 203s 1s/step - loss: 1.2007e-06 - accuracy: 1.0000 - val_loss: 7.3540e-04 - val_accuracy: 1.0000\n",
+      "Epoch 18/20\n",
+      "152/152 [==============================] - 205s 1s/step - loss: 9.0502e-07 - accuracy: 1.0000 - val_loss: 6.9178e-04 - val_accuracy: 1.0000\n",
+      "Epoch 19/20\n",
+      "152/152 [==============================] - 205s 1s/step - loss: 6.9678e-07 - accuracy: 1.0000 - val_loss: 6.0417e-04 - val_accuracy: 1.0000\n",
+      "Epoch 20/20\n",
+      "152/152 [==============================] - 204s 1s/step - loss: 5.5925e-07 - accuracy: 1.0000 - val_loss: 6.0406e-04 - val_accuracy: 1.0000\n"
+=======
       "Epoch 1/10\n",
       "152/152 [==============================] - 217s 1s/step - loss: 0.8329 - accuracy: 0.7585 - val_loss: 0.0838 - val_accuracy: 0.9860\n",
       "Epoch 2/10\n",
@@ -174,15 +304,23 @@
       "152/152 [==============================] - 220s 1s/step - loss: 1.7629e-04 - accuracy: 1.0000 - val_loss: 0.0190 - val_accuracy: 0.9967\n",
       "Epoch 10/10\n",
       "152/152 [==============================] - 208s 1s/step - loss: 1.5000e-05 - accuracy: 1.0000 - val_loss: 0.0197 - val_accuracy: 0.9967\n"
+>>>>>>> master
      ]
     },
     {
      "data": {
       "text/plain": [
+<<<<<<< HEAD
+       "<keras.callbacks.History at 0x283f3ad5a90>"
+      ]
+     },
+     "execution_count": 12,
+=======
        "<keras.callbacks.History at 0x2d6000ebeb0>"
       ]
      },
      "execution_count": 18,
+>>>>>>> master
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -194,7 +332,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 13,
+=======
    "execution_count": 19,
+>>>>>>> master
    "id": "61d6a8d8",
    "metadata": {},
    "outputs": [
@@ -221,12 +363,20 @@
     }
    ],
    "source": [
+<<<<<<< HEAD
+    "model.save('./models/model') "
+=======
     "model.save('./models/model')"
+>>>>>>> master
    ]
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 14,
+=======
    "execution_count": 20,
+>>>>>>> master
    "id": "fdc9bfe6",
    "metadata": {},
    "outputs": [],
@@ -255,7 +405,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 15,
+=======
    "execution_count": 21,
+>>>>>>> master
    "id": "297e3e3c",
    "metadata": {},
    "outputs": [
@@ -263,8 +417,13 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
+<<<<<<< HEAD
+      "5/5 [==============================] - 2s 299ms/step\n",
+      "Test Accuracy: 0.9084507042253521\n"
+=======
       "5/5 [==============================] - 2s 297ms/step\n",
       "Test Accuracy: 0.9225352112676056\n"
+>>>>>>> master
      ]
     }
    ],
@@ -278,7 +437,11 @@
   },
   {
    "cell_type": "code",
+<<<<<<< HEAD
+   "execution_count": 16,
+=======
    "execution_count": 22,
+>>>>>>> master
    "id": "e22211b0",
    "metadata": {},
    "outputs": [
@@ -286,7 +449,11 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
+<<<<<<< HEAD
+      "5/5 [==============================] - 2s 323ms/step\n"
+=======
       "5/5 [==============================] - 2s 299ms/step\n"
+>>>>>>> master
      ]
     }
    ],
@@ -302,6 +469,8 @@
    ]
   },
   {
+<<<<<<< HEAD
+=======
    "cell_type": "code",
    "execution_count": null,
    "id": "885678c5",
@@ -322,6 +491,7 @@
    ]
   },
   {
+>>>>>>> master
    "cell_type": "markdown",
    "id": "69b66fc1",
    "metadata": {},

Project/Backend/Server_Node/controllers/user.controller.js

@@ -41,7 +41,11 @@ export const signUp = async (req, res) => {
     } = req.body;
 
     try {
+<<<<<<< HEAD
+        if (!type) return res.status(400).json({ code: "02", message: "Type Field Required" })
+=======
         // if (!type) return res.status(400).json({ code: "02", message: "Type Field Required" })
+>>>>>>> master
         if (!email) return res.status(400).json({ code: "02", message: "Email Field Required" })
         if (!userFirstName) return res.status(400).json({ code: "02", message: "User First Name Field Required" })
         if (!userLastName) return res.status(400).json({ code: "02", message: "User Last Name Field Required" })
@@ -50,6 +54,53 @@ export const signUp = async (req, res) => {
         const existingUser = await User.findOne({ email })
         if (existingUser) return res.status(400).json({ code: "02", message: "User already exists" })
 
+<<<<<<< HEAD
+        if (type === "buyer") {
+            if (!password) return res.status(400).json({ code: "02", message: "Password Field Required" })
+            if (password !== confirmPassword) return res.status(400).json({ code: "02", message: "Passwords do not match" })
+            const hashedPassword = await bcrypt.hash(password, 12)
+
+            const userDetails = new User({
+                email,
+                password: hashedPassword,
+                type,
+                userDetails: {
+                    userQNumber: uuidv4(),
+                    userEmail: email,
+                    userName: `${userFirstName} ${userLastName}`,
+                    userContactNumber,
+                    userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
+                    userType: type,
+                }
+            })
+
+            const userResult = await userDetails.save()
+
+            const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
+
+            res.status(200).json({ code: "01", result: userResult, token })
+        } else if (type === "trader") {
+            const userDetails = new User({
+                email,
+                type,
+                userDetails: {
+                    userQNumber: uuidv4(),
+                    userEmail: email,
+                    userName: `${userFirstName} ${userLastName}`,
+                    userContactNumber,
+                    userAddress: `${userAddressLine1}, ${userAddressLine2}, ${userAddressLine3}`,
+                    userType: type,
+                },
+                states: 2
+            })
+
+            const userResult = await userDetails.save()
+
+            const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
+
+            res.status(200).json({ code: "01", result: userResult, token })
+        }
+=======
         // if (type === "buyer") {
         //     if (!password) return res.status(400).json({ code: "02", message: "Password Field Required" })
         //     if (password !== confirmPassword) return res.status(400).json({ code: "02", message: "Passwords do not match" })
@@ -118,6 +169,7 @@ export const signUp = async (req, res) => {
         const token = jwt.sign({ email: userResult.email, id: userResult._id }, 'test', { expiresIn: "1h" })
 
         res.status(200).json({ code: "01", result: userResult, token })
+>>>>>>> master
 
     } catch (error) {
         res.status(500).json({ code: "00", message: "Something went wrong" })

Project/Backend/Server_Node/models/user.model.js

@@ -36,7 +36,10 @@ const userSchema = mongoose.Schema({
         },
         userType: {
             type: String,
+<<<<<<< HEAD
+=======
             default: "N/A",
+>>>>>>> master
             required: true
         },
     },

Project/Backend/Server_Node/server.js

@@ -5,8 +5,13 @@ import express from "express";
 import mongoose from "mongoose";
 
 //import routes
+<<<<<<< HEAD
+import userRoutes from "./routes/user.routes.js";
+import translateRoutes from "./routes/translate.routes.js";
+=======
 import translateRoutes from "./routes/translate.routes.js";
 import userRoutes from "./routes/user.routes.js";
+>>>>>>> master
 
 dotenv.config();
 const app = express();

Project/Backend/Server_Python/.gitignore

@@ -16,6 +16,12 @@
 files/*
 !files/
 
+<<<<<<< HEAD
+*.pyc
+*~
+*.swp
+=======
+>>>>>>> master
 
 # Created by https://www.toptal.com/developers/gitignore/api/python
 # Edit at https://www.toptal.com/developers/gitignore?templates=python

Project/Backend/Server_Python/controllers/translate_controler.py

+<<<<<<< HEAD
+from fastapi import APIRouter, File, HTTPException,UploadFile
+from pydantic import BaseModel
+import tensorflow as tf
+from core.logger import setup_logger
+
+
+=======
 import base64
 import os
 import cv2
@@ -7,6 +15,7 @@ from pydantic import BaseModel
 import tensorflow as tf
 
 from core import setup_logger
+>>>>>>> master
 from services.translate_service import SignLanguagePredictionService
 from utils import mappings
 

Project/Backend/Server_Python/core/logger.py

+import logging
+
+def setup_logger():
+    logger = logging.getLogger(__name__)
+    logger.setLevel(logging.DEBUG)
+
+    formatter = logging.Formatter('%(asctime)s - %(levelname)s - %(message)s')
+
+    # Create a file handler for logging to a file
+    file_handler = logging.FileHandler('app.log')
+    file_handler.setLevel(logging.DEBUG)
+    file_handler.setFormatter(formatter)
+
+    # Create a stream handler for logging to console
+    stream_handler = logging.StreamHandler()
+    stream_handler.setLevel(logging.INFO)
+    stream_handler.setFormatter(formatter)
+
+    # Add the handlers to the logger
+    logger.addHandler(file_handler)
+    logger.addHandler(stream_handler)
+
+    return logger

Project/Backend/Server_Python/main.py

@@ -2,7 +2,13 @@ from fastapi import FastAPI
 from controllers import translate_controler, users_controller
 from fastapi.responses import RedirectResponse
 from fastapi.middleware.cors import CORSMiddleware
+<<<<<<< HEAD
+
+from core.logger import setup_logger
+
+=======
 from core import setup_logger
+>>>>>>> master
 
 
 app = FastAPI()

Project/Backend/Server_Python/services/translate_service.py

@@ -5,10 +5,15 @@ import numpy as np
 from fastapi import HTTPException, UploadFile
 from typing import Dict
 
+<<<<<<< HEAD
+from core.logger import setup_logger
+
+=======
 import tensorflow as tf
 
 from core import setup_logger
 from utils import mappings
+>>>>>>> master
 
 logger = setup_logger()
 

Project/Frontend/Web_App/public/manifest.json

 {
+<<<<<<< HEAD
+  "name": "React Material Minimal UI",
+=======
   "name": "React Material SignConnect+",
+>>>>>>> master
   "short_name": "Minimal-UI",
   "display": "standalone",
   "start_url": "/",

Project/Frontend/Web_App/src/components/mega-menu/MegaMenuDesktopVertical.tsx

@@ -17,7 +17,11 @@ import MegaMenuCarousel from './MenuCarousel';
 // ----------------------------------------------------------------------
 
 const MENU_PAPER_WIDTH = 800;
+<<<<<<< HEAD
+const PARENT_ITEM_HEIGHT = 40;
+=======
 const PARENT_ITEM_HEIGHT = 60;
+>>>>>>> master
 
 type Props = {
   data: MegaMenuItemProps[];

Project/Frontend/Web_App/src/layouts/dashboard/nav/NavVertical.tsx

@@ -2,18 +2,33 @@ import { useEffect } from 'react';
 // next
 import { useRouter } from 'next/router';
 // @mui
+<<<<<<< HEAD
+import { Box, Stack, Drawer, Button } from '@mui/material';
+=======
 import { Box, Button, Drawer, Stack } from '@mui/material';
+>>>>>>> master
 // hooks
 import useResponsive from '../../../hooks/useResponsive';
 // config
 import { NAV } from '../../../config';
 // components
+<<<<<<< HEAD
+import Logo from '../../../components/logo';
+import Scrollbar from '../../../components/scrollbar';
+import { NavSectionVertical } from '../../../components/nav-section';
+//
+import navConfig from './config';
+import NavDocs from './NavDocs';
+import NavAccount from './NavAccount';
+import { useSettingsContext } from 'src/components/settings';
+=======
 import { NavSectionVertical } from '../../../components/nav-section';
 import Scrollbar from '../../../components/scrollbar';
 //
 import { useSettingsContext } from 'src/components/settings';
 import NavAccount from './NavAccount';
 import navConfig from './config';
+>>>>>>> master
 
 // ----------------------------------------------------------------------
 
@@ -36,12 +51,20 @@ export default function NavVertical({ openNav, onCloseNav }: Props) {
           value: 'mini'
         }
       } as React.ChangeEvent<HTMLInputElement>)
+<<<<<<< HEAD
+    }else {
+=======
     } else {
+>>>>>>> master
       onChangeLayout({
         target: {
           value: 'vertical'
         }
+<<<<<<< HEAD
+      } as React.ChangeEvent<HTMLInputElement> )
+=======
       } as React.ChangeEvent<HTMLInputElement>)
+>>>>>>> master
     }
   }
 
@@ -73,7 +96,11 @@ export default function NavVertical({ openNav, onCloseNav }: Props) {
         }}
       >
 
+<<<<<<< HEAD
+<Button onClick={onClickHan}>Change Layout</Button>
+=======
         <Button onClick={onClickHan}>Change Layout</Button>
+>>>>>>> master
         {/* <Logo /> */}
 
         <NavAccount />
@@ -82,7 +109,12 @@ export default function NavVertical({ openNav, onCloseNav }: Props) {
       <NavSectionVertical data={navConfig} />
 
       <Box sx={{ flexGrow: 1 }} />
+<<<<<<< HEAD
+
+      <NavDocs />
+=======
  
+>>>>>>> master
     </Scrollbar>
   );
 

Project/Frontend/Web_App/src/layouts/dashboard/nav/config.tsx

 // routes
 import { PATH_DASHBOARD } from '../../../routes/paths';
 // components
+<<<<<<< HEAD
+import Label from '../../../components/label';
+import Iconify from '../../../components/iconify';
+=======
+>>>>>>> master
 import SvgColor from '../../../components/svg-color';
 
 // ----------------------------------------------------------------------
@@ -31,15 +36,216 @@ const ICONS = {
   ecommerce: icon('ic_ecommerce'),
   analytics: icon('ic_analytics'),
   dashboard: icon('ic_dashboard'),
+<<<<<<< HEAD
+};
+
+const navConfig = [
+  // GENERAL
+  // ----------------------------------------------------------------------
+=======
   learning: icon('ic_learning')
 };
 
 const navConfig = [
   // GENERAL 
+>>>>>>> master
   {
     subheader: 'general',
     items: [
       { title: 'app', path: PATH_DASHBOARD.general.app, icon: ICONS.dashboard },
+<<<<<<< HEAD
+      { title: 'ecommerce', path: PATH_DASHBOARD.general.ecommerce, icon: ICONS.ecommerce },
+      { title: 'analytics', path: PATH_DASHBOARD.general.analytics, icon: ICONS.analytics },
+      { title: 'banking', path: PATH_DASHBOARD.general.banking, icon: ICONS.banking },
+      { title: 'booking', path: PATH_DASHBOARD.general.booking, icon: ICONS.booking },
+      { title: 'file', path: PATH_DASHBOARD.general.file, icon: ICONS.file },
+    ],
+  },
+
+  // MANAGEMENT
+  // ----------------------------------------------------------------------
+  {
+    subheader: 'management',
+    items: [
+      // USER
+      {
+        title: 'user',
+        path: PATH_DASHBOARD.user.root,
+        icon: ICONS.user,
+        children: [
+          { title: 'profile', path: PATH_DASHBOARD.user.profile },
+          { title: 'cards', path: PATH_DASHBOARD.user.cards },
+          { title: 'list', path: PATH_DASHBOARD.user.list },
+          { title: 'create', path: PATH_DASHBOARD.user.new },
+          { title: 'edit', path: PATH_DASHBOARD.user.demoEdit },
+          { title: 'account', path: PATH_DASHBOARD.user.account },
+        ],
+      },
+
+      // E-COMMERCE
+      {
+        title: 'ecommerce',
+        path: PATH_DASHBOARD.eCommerce.root,
+        icon: ICONS.cart,
+        children: [
+          { title: 'shop', path: PATH_DASHBOARD.eCommerce.shop },
+          { title: 'product', path: PATH_DASHBOARD.eCommerce.demoView },
+          { title: 'list', path: PATH_DASHBOARD.eCommerce.list },
+          { title: 'create', path: PATH_DASHBOARD.eCommerce.new },
+          { title: 'edit', path: PATH_DASHBOARD.eCommerce.demoEdit },
+          { title: 'checkout', path: PATH_DASHBOARD.eCommerce.checkout },
+        ],
+      },
+
+      // INVOICE
+      {
+        title: 'invoice',
+        path: PATH_DASHBOARD.invoice.root,
+        icon: ICONS.invoice,
+        children: [
+          { title: 'list', path: PATH_DASHBOARD.invoice.list },
+          { title: 'details', path: PATH_DASHBOARD.invoice.demoView },
+          { title: 'create', path: PATH_DASHBOARD.invoice.new },
+          { title: 'edit', path: PATH_DASHBOARD.invoice.demoEdit },
+        ],
+      },
+
+      // BLOG
+      {
+        title: 'blog',
+        path: PATH_DASHBOARD.blog.root,
+        icon: ICONS.blog,
+        children: [
+          { title: 'posts', path: PATH_DASHBOARD.blog.posts },
+          { title: 'post', path: PATH_DASHBOARD.blog.demoView },
+          { title: 'create', path: PATH_DASHBOARD.blog.new },
+        ],
+      },
+      {
+        title: 'File manager',
+        path: PATH_DASHBOARD.fileManager,
+        icon: ICONS.folder,
+      },
+    ],
+  },
+
+  // APP
+  // ----------------------------------------------------------------------
+  {
+    subheader: 'app',
+    items: [
+      {
+        title: 'mail',
+        path: PATH_DASHBOARD.mail.root,
+        icon: ICONS.mail,
+        info: <Label color="error">+32</Label>,
+      },
+      {
+        title: 'chat',
+        path: PATH_DASHBOARD.chat.root,
+        icon: ICONS.chat,
+      },
+      {
+        title: 'calendar',
+        path: PATH_DASHBOARD.calendar,
+        icon: ICONS.calendar,
+      },
+      {
+        title: 'kanban',
+        path: PATH_DASHBOARD.kanban,
+        icon: ICONS.kanban,
+      },
+    ],
+  },
+
+  // DEMO MENU STATES
+  {
+    subheader: 'Other cases',
+    items: [
+      {
+        // default roles : All roles can see this entry.
+        // roles: ['user'] Only users can see this item.
+        // roles: ['admin'] Only admin can see this item.
+        // roles: ['admin', 'manager'] Only admin/manager can see this item.
+        // Reference from 'src/guards/RoleBasedGuard'.
+        title: 'item_by_roles',
+        path: PATH_DASHBOARD.permissionDenied,
+        icon: ICONS.lock,
+        roles: ['admin'],
+        caption: 'only_admin_can_see_this_item',
+      },
+      {
+        title: 'menu_level',
+        path: '#/dashboard/menu_level',
+        icon: ICONS.menuItem,
+        children: [
+          {
+            title: 'menu_level_2a',
+            path: '#/dashboard/menu_level/menu_level_2a',
+          },
+          {
+            title: 'menu_level_2b',
+            path: '#/dashboard/menu_level/menu_level_2b',
+            children: [
+              {
+                title: 'menu_level_3a',
+                path: '#/dashboard/menu_level/menu_level_2b/menu_level_3a',
+              },
+              {
+                title: 'menu_level_3b',
+                path: '#/dashboard/menu_level/menu_level_2b/menu_level_3b',
+                children: [
+                  {
+                    title: 'menu_level_4a',
+                    path: '#/dashboard/menu_level/menu_level_2b/menu_level_3b/menu_level_4a',
+                  },
+                  {
+                    title: 'menu_level_4b',
+                    path: '#/dashboard/menu_level/menu_level_2b/menu_level_3b/menu_level_4b',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+      {
+        title: 'item_disabled',
+        path: '#disabled',
+        icon: ICONS.disabled,
+        disabled: true,
+      },
+
+      {
+        title: 'item_label',
+        path: '#label',
+        icon: ICONS.label,
+        info: (
+          <Label color="info" startIcon={<Iconify icon="eva:email-fill" />}>
+            NEW
+          </Label>
+        ),
+      },
+      {
+        title: 'item_caption',
+        path: '#caption',
+        icon: ICONS.menuItem,
+        caption:
+          'Quisque malesuada placerat nisl. In hac habitasse platea dictumst. Cras id dui. Pellentesque commodo eros a enim. Morbi mollis tellus ac sapien.',
+      },
+      {
+        title: 'item_external_link',
+        path: 'https://www.google.com/',
+        icon: ICONS.external,
+      },
+      {
+        title: 'blank',
+        path: PATH_DASHBOARD.blank,
+        icon: ICONS.blank,
+      },
+    ],
+  },
+=======
       { title: 'blank', path: PATH_DASHBOARD.blank, icon: ICONS.blank },
       //Spoken language to Sign Language Module items
       {
@@ -65,6 +271,7 @@ const navConfig = [
     ],
   },
 
+>>>>>>> master
 ];
 
 export default navConfig;

Project/Frontend/Web_App/src/layouts/main/Footer.tsx

@@ -97,7 +97,11 @@ export default function Footer() {
 
           <Grid item xs={8} md={3}>
             <Typography variant="body2" sx={{ pr: { md: 5 } }}>
+<<<<<<< HEAD
+              The starting point for your next project with Minimal UI Kit, built on the newest
+=======
               The starting point for your next project with SignConnect+ Kit, built on the newest
+>>>>>>> master
               version of Material-UI ©, ready to be customized to your style.
             </Typography>
 

Project/Frontend/Web_App/src/pages/403.tsx

@@ -21,7 +21,11 @@ export default function Page403() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> 403 Forbidden | Minimal UI</title>
+=======
         <title> 403 Forbidden | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/404.tsx

@@ -21,7 +21,11 @@ export default function Page404() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> 404 Page Not Found | Minimal UI</title>
+=======
         <title> 404 Page Not Found | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/500.tsx

@@ -21,7 +21,11 @@ export default function Page500() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> 500 Internal Server Error | Minimal UI</title>
+=======
         <title> 500 Internal Server Error | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <MotionContainer>

Project/Frontend/Web_App/src/pages/_document.tsx

@@ -45,10 +45,17 @@ export default class MyDocument extends Document {
           {/* Meta */}
           <meta
             name="description"
+<<<<<<< HEAD
+            content="The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style"
+          />
+          <meta name="keywords" content="react,material,kit,application,dashboard,admin,template" />
+          <meta name="author" content="Minimal UI Kit" />
+=======
             content="The starting point for your next project with SignConnect+ Kit, built on the newest version of Material-UI ©, ready to be customized to your style"
           />
           <meta name="keywords" content="react,material,kit,application,dashboard,admin,template" />
           <meta name="author" content="SignConnect+ Kit" />
+>>>>>>> master
         </Head>
 
         <body>

Project/Frontend/Web_App/src/pages/about-us.tsx

@@ -17,7 +17,11 @@ export default function AboutPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> About us | Minimal UI</title>
+=======
         <title> About us | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <AboutHero />

Project/Frontend/Web_App/src/pages/auth/login-unprotected.tsx

@@ -9,7 +9,11 @@ export default function LoginUnprotectedPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Login Unprotected | Minimal UI</title>
+=======
         <title> Login Unprotected | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Login />

Project/Frontend/Web_App/src/pages/auth/login.tsx

@@ -12,7 +12,11 @@ export default function LoginPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Login | Minimal UI</title>
+=======
         <title> Login | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <GuestGuard>

Project/Frontend/Web_App/src/pages/auth/new-password.tsx

@@ -24,7 +24,11 @@ export default function NewPasswordPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> New Password | Minimal UI</title>
+=======
         <title> New Password | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <SentIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/auth/register-unprotected.tsx

@@ -9,7 +9,11 @@ export default function RegisterUnprotectedPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Register Unprotected | Minimal UI</title>
+=======
         <title> Register Unprotected | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Register />

Project/Frontend/Web_App/src/pages/auth/register.tsx

 // next
 import Head from 'next/head';
 // auth
+<<<<<<< HEAD
+import GuestGuard from '../../auth/GuestGuard';
+=======
+>>>>>>> master
 // sections
 import Register from '../../sections/auth/Register';
 
@@ -10,10 +14,19 @@ export default function RegisterPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Register | Minimal UI</title>
+      </Head>
+
+      <GuestGuard>
+        <Register />
+      </GuestGuard>
+=======
         <title> Register | SignConnect+</title>
       </Head>
 
       <Register />
+>>>>>>> master
     </>
   );
 }

Project/Frontend/Web_App/src/pages/auth/reset-password.tsx

@@ -24,7 +24,11 @@ export default function ResetPasswordPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Reset Password | Minimal UI</title>
+=======
         <title> Reset Password | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <PasswordIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/auth/verify.tsx

@@ -24,7 +24,11 @@ export default function VerifyCodePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Verify Code | Minimal UI</title>
+=======
         <title> Verify Code | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <EmailInboxIcon sx={{ mb: 5, height: 96 }} />

Project/Frontend/Web_App/src/pages/coming-soon.tsx

@@ -27,7 +27,11 @@ export default function ComingSoonPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Coming Soon | Minimal UI</title>
+=======
         <title> Coming Soon | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Typography variant="h3" paragraph>

Project/Frontend/Web_App/src/pages/components/extra/animate.tsx

@@ -40,7 +40,11 @@ export default function DemoAnimatePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Animate | Minimal UI</title>
+=======
         <title> Extra Components: Animate | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/carousel.tsx

@@ -41,7 +41,11 @@ export default function DemoCarouselsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Carousels | Minimal UI</title>
+=======
         <title> Extra Components: Carousels | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/chart.tsx

@@ -34,7 +34,11 @@ export default function DemoChartsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Charts | Minimal UI</title>
+=======
         <title> Extra Components: Charts | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/copy-to-clipboard.tsx

@@ -65,7 +65,11 @@ export default function DemoCopyToClipboardPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Copy To Clipboard | Minimal UI</title>
+=======
         <title> Extra Components: Copy To Clipboard | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/editor.tsx

@@ -35,7 +35,11 @@ export default function DemoEditorPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Editor | Minimal UI</title>
+=======
         <title> Extra Components: Editor | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/form-validation.tsx

@@ -21,7 +21,11 @@ export default function DemoFormValidationPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Form Validation | Minimal UI</title>
+=======
         <title> Extra Components: Form Validation | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/image.tsx

@@ -29,7 +29,11 @@ export default function DemoImagePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Image | Minimal UI</title>
+=======
         <title> Extra Components: Image | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/label.tsx

@@ -26,7 +26,11 @@ export default function DemoLabelPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Label | Minimal UI</title>
+=======
         <title> Extra Components: Label | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/lightbox.tsx

@@ -42,7 +42,11 @@ export default function DemoLightboxPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Lightbox | Minimal UI</title>
+=======
         <title> Extra Components: Lightbox | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/map.tsx

@@ -74,7 +74,11 @@ export default function DemoMapPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Map | Minimal UI</title>
+=======
         <title> Extra Components: Map | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/mega-menu.tsx

@@ -30,7 +30,11 @@ export default function DemoMegaMenuPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Mega Menu | Minimal UI</title>
+=======
         <title> Extra Components: Mega Menu | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/multi-language.tsx

@@ -60,7 +60,11 @@ export default function DemoMultiLanguagePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Multi Language | Minimal UI</title>
+=======
         <title> Extra Components: Multi Language | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/navigation-bar.tsx

@@ -27,7 +27,11 @@ export default function DemoNavigationBarPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Navigation Bar | Minimal UI</title>
+=======
         <title> Extra Components: Navigation Bar | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/organization-chart.tsx

@@ -29,7 +29,11 @@ export default function DemoOrganizationalChartPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Organizational Chart | Minimal UI</title>
+=======
         <title> Extra Components: Organizational Chart | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/scroll.tsx

@@ -20,7 +20,11 @@ export default function DemoScrollbarPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Scrollbar | Minimal UI</title>
+=======
         <title> Extra Components: Scrollbar | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/snackbar.tsx

@@ -59,7 +59,11 @@ export default function DemoSnackbarPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Snackbar | Minimal UI</title>
+=======
         <title> Extra Components: Snackbar | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/text-max-line.tsx

@@ -21,7 +21,11 @@ export default function DemoTextMaxLinePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Text Max Line | Minimal UI</title>
+=======
         <title> Extra Components: Text Max Line | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/extra/upload.tsx

@@ -87,7 +87,11 @@ export default function DemoUploadPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Extra Components: Upload | Minimal UI</title>
+=======
         <title> Extra Components: Upload | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/colors.tsx

@@ -54,7 +54,11 @@ export default function FoundationColorsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Foundations: Colors | Minimal UI</title>
+=======
         <title> Foundations: Colors | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/grid.tsx

@@ -60,7 +60,11 @@ export default function FoundationGridPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Foundations: Grid | Minimal UI</title>
+=======
         <title> Foundations: Grid | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/icons.tsx

@@ -33,7 +33,11 @@ export default function FoundationIconsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Foundations: Icons | Minimal UI</title>
+=======
         <title> Foundations: Icons | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/shadows.tsx

@@ -51,7 +51,11 @@ export default function FoundationShadowsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Foundations: Shadows | Minimal UI</title>
+=======
         <title> Foundations: Shadows | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/foundation/typography.tsx

@@ -55,7 +55,11 @@ export default function FoundationTypographyPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Foundations: Typography | Minimal UI</title>
+=======
         <title> Foundations: Typography | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/index.tsx

@@ -19,7 +19,11 @@ export default function ComponentsOverviewPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Components Overview | Minimal UI</title>
+=======
         <title> Components Overview | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <ComponentHero />

Project/Frontend/Web_App/src/pages/components/mui/accordion.tsx

@@ -50,7 +50,11 @@ export default function MUIAccordionPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Accordion | Minimal UI</title>
+=======
         <title> MUI Components: Accordion | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/alert.tsx

@@ -36,7 +36,11 @@ export default function MUIAlertPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Alert | Minimal UI</title>
+=======
         <title> MUI Components: Alert | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/autocomplete.tsx

@@ -47,7 +47,11 @@ export default function MUIAutocompletePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Autocomplete | Minimal UI</title>
+=======
         <title> MUI Components: Autocomplete | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/avatar.tsx

@@ -40,7 +40,11 @@ export default function MUIAvatarPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Avatar | Minimal UI</title>
+=======
         <title> MUI Components: Avatar | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/badge.tsx

@@ -23,7 +23,11 @@ export default function MUIBadgePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Badge | Minimal UI</title>
+=======
         <title> MUI Components: Badge | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/breadcrumbs.tsx

@@ -22,7 +22,11 @@ export default function MUIBreadcrumbsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Breadcrumbs | Minimal UI</title>
+=======
         <title> MUI Components: Breadcrumbs | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/buttons.tsx

@@ -49,7 +49,11 @@ export default function MUIButtonsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Buttons | Minimal UI</title>
+=======
         <title> MUI Components: Buttons | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/checkbox.tsx

@@ -52,7 +52,11 @@ export default function MUICheckboxPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Checkbox | Minimal UI</title>
+=======
         <title> MUI Components: Checkbox | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/chip.tsx

@@ -21,7 +21,11 @@ export default function MUIChipPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Chip | Minimal UI</title>
+=======
         <title> MUI Components: Chip | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/data-grid.tsx

@@ -40,7 +40,11 @@ export default function MUIDataGridPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: DataGrid | Minimal UI</title>
+=======
         <title> MUI Components: DataGrid | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/dialog.tsx

@@ -37,7 +37,11 @@ export default function MUIDialogPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Dialog | Minimal UI</title>
+=======
         <title> MUI Components: Dialog | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/list.tsx

@@ -97,7 +97,11 @@ export default function MUIListPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: List | Minimal UI</title>
+=======
         <title> MUI Components: List | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/menu.tsx

@@ -98,7 +98,11 @@ export default function MUIMenuPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Menu | Minimal UI</title>
+=======
         <title> MUI Components: Menu | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/pagination.tsx

@@ -60,7 +60,11 @@ export default function MUIPaginationPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Pagination | Minimal UI</title>
+=======
         <title> MUI Components: Pagination | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/pickers.tsx

@@ -36,7 +36,11 @@ export default function MUIPickersPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Pickers | Minimal UI</title>
+=======
         <title> MUI Components: Pickers | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/popover.tsx

@@ -73,7 +73,11 @@ export default function MUIPopoverPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Popover | Minimal UI</title>
+=======
         <title> MUI Components: Popover | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/progress.tsx

@@ -70,7 +70,11 @@ export default function MUIProgressPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Progress | Minimal UI</title>
+=======
         <title> MUI Components: Progress | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/radio-button.tsx

@@ -43,7 +43,11 @@ export default function MUIRadioButtonsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Radio Buttons | Minimal UI</title>
+=======
         <title> MUI Components: Radio Buttons | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/rating.tsx

@@ -88,7 +88,11 @@ export default function MUIRatingPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Rating | Minimal UI</title>
+=======
         <title> MUI Components: Rating | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/slider.tsx

@@ -79,7 +79,11 @@ export default function MUISliderPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Slider | Minimal UI</title>
+=======
         <title> MUI Components: Slider | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/stepper.tsx

@@ -25,7 +25,11 @@ export default function MUIStepperPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Stepper | Minimal UI</title>
+=======
         <title> MUI Components: Stepper | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/switch.tsx

@@ -36,7 +36,11 @@ export default function MUISwitchPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Switch | Minimal UI</title>
+=======
         <title> MUI Components: Switch | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/table.tsx

@@ -24,7 +24,11 @@ export default function MUITablePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Table | Minimal UI</title>
+=======
         <title> MUI Components: Table | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tabs.tsx

@@ -78,7 +78,11 @@ export default function MUITabsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Tabs | Minimal UI</title>
+=======
         <title> MUI Components: Tabs | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/textfield.tsx

@@ -32,7 +32,11 @@ export default function MUITextFieldPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Textfield | Minimal UI</title>
+=======
         <title> MUI Components: Textfield | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/timeline.tsx

@@ -106,7 +106,11 @@ export default function MUITimelinePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Timeline | Minimal UI</title>
+=======
         <title> MUI Components: Timeline | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tooltip.tsx

@@ -40,7 +40,11 @@ export default function MUITooltipPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Tooltip | Minimal UI</title>
+=======
         <title> MUI Components: Tooltip | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/transfer-list.tsx

@@ -32,7 +32,11 @@ export default function MUITransferListPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Transfer List | Minimal UI</title>
+=======
         <title> MUI Components: Transfer List | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/components/mui/tree-view.tsx

@@ -45,7 +45,11 @@ export default function MUITreesViewPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> MUI Components: Tree View | Minimal UI</title>
+=======
         <title> MUI Components: Tree View | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Box

Project/Frontend/Web_App/src/pages/contact-us.tsx

@@ -19,7 +19,11 @@ export default function ContactPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Contact us | Minimal UI</title>
+=======
         <title> Contact us | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <ContactHero />

Project/Frontend/Web_App/src/pages/dashboard/analytics.tsx

@@ -38,7 +38,11 @@ export default function GeneralAnalyticsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: Analytics | Minimal UI</title>
+=======
         <title> General: Analytics | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/app.tsx

@@ -49,7 +49,11 @@ export default function GeneralAppPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: App | Minimal UI</title>
+=======
         <title> General: App | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/banking.tsx

@@ -40,7 +40,11 @@ export default function GeneralBankingPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: Banking | Minimal UI</title>
+=======
         <title> General: Banking | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/blank.tsx

@@ -18,7 +18,11 @@ export default function BlankPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Blank Page | Minimal UI</title>
+=======
         <title> Blank Page | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/new.tsx

@@ -24,7 +24,11 @@ export default function BlogNewPostPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Blog: New Post | Minimal UI</title>
+=======
         <title> Blog: New Post | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/post/[title].tsx

@@ -87,7 +87,11 @@ export default function BlogPostPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title>{`Blog: ${post?.title || ''} | Minimal UI`}</title>
+=======
         <title>{`Blog: ${post?.title || ''} | SignConnect+`}</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/blog/posts.tsx

@@ -64,7 +64,11 @@ export default function BlogPostsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Blog: Posts | Minimal UI</title>
+=======
         <title> Blog: Posts | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/booking.tsx

@@ -43,7 +43,11 @@ export default function GeneralBookingPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: Booking | Minimal UI</title>
+=======
         <title> General: Booking | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/calendar.tsx

@@ -253,7 +253,11 @@ export default function CalendarPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Calendar | Minimal UI</title>
+=======
         <title> Calendar | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/chat/[conversationKey].tsx

@@ -15,7 +15,11 @@ export default function ChatPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Chat | Minimal UI</title>
+=======
         <title> Chat | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/chat/index.tsx

@@ -15,7 +15,11 @@ export default function ChatPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Chat | Minimal UI</title>
+=======
         <title> Chat | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/chat/new.tsx

@@ -15,7 +15,11 @@ export default function ChatPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Chat | Minimal UI</title>
+=======
         <title> Chat | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Chat />

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/checkout.tsx

@@ -121,7 +121,11 @@ export default function EcommerceCheckoutPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Ecommerce: Checkout | Minimal UI</title>
+=======
         <title> Ecommerce: Checkout | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/list.tsx

@@ -198,7 +198,11 @@ export default function EcommerceProductListPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Ecommerce: Product List | Minimal UI</title>
+=======
         <title> Ecommerce: Product List | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/[name].tsx

@@ -99,7 +99,11 @@ export default function EcommerceProductDetailsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title>{`Ecommerce: ${product?.name || ''} | Minimal UI`}</title>
+=======
         <title>{`Ecommerce: ${product?.name || ''} | SignConnect+`}</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/[name]/edit.tsx

@@ -46,7 +46,11 @@ export default function EcommerceProductEditPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Ecommerce: Edit product | Minimal UI</title>
+=======
         <title> Ecommerce: Edit product | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/product/new.tsx

@@ -26,7 +26,11 @@ export default function EcommerceProductCreatePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Ecommerce: Create a new product | Minimal UI</title>
+=======
         <title> Ecommerce: Create a new product | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/e-commerce/shop.tsx

@@ -96,7 +96,11 @@ export default function EcommerceShopPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Ecommerce: Shop | Minimal UI</title>
+=======
         <title> Ecommerce: Shop | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <FormProvider methods={methods}>

Project/Frontend/Web_App/src/pages/dashboard/ecommerce.tsx

@@ -49,7 +49,11 @@ export default function GeneralEcommercePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: E-commerce | Minimal UI</title>
+=======
         <title> General: E-commerce | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/file.tsx

@@ -135,7 +135,11 @@ export default function GeneralFilePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> General: File | Minimal UI</title>
+=======
         <title> General: File | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'xl'}>

Project/Frontend/Web_App/src/pages/dashboard/files-manager.tsx

@@ -196,7 +196,11 @@ export default function FileManagerPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> File Manager | Minimal UI</title>
+=======
         <title> File Manager | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/[id]/edit.tsx

@@ -33,7 +33,11 @@ export default function InvoiceEditPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Invoice: Edit | Minimal UI</title>
+=======
         <title> Invoice: Edit | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/[id]/index.tsx

@@ -35,7 +35,11 @@ export default function InvoiceDetailsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Invoice: View | Minimal UI</title>
+=======
         <title> Invoice: View | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/list.tsx

@@ -236,7 +236,11 @@ export default function InvoiceListPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Invoice: List | Minimal UI</title>
+=======
         <title> Invoice: List | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/invoice/new.tsx

@@ -26,7 +26,11 @@ export default function InvoiceCreatePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Invoices: Create a new invoice | Minimal UI</title>
+=======
         <title> Invoices: Create a new invoice | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/kanban.tsx

@@ -107,7 +107,11 @@ export default function KanbanPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Kanban | Minimal UI</title>
+=======
         <title> Kanban | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={false} sx={{ height: 1 }}>

Project/Frontend/Web_App/src/pages/dashboard/mail/[systemLabel].tsx

@@ -15,7 +15,11 @@ export default function MailPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Mail | Minimal UI</title>
+=======
         <title> Mail | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/[systemLabel]/[mailId].tsx

@@ -15,7 +15,11 @@ export default function MailPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Mail | Minimal UI</title>
+=======
         <title> Mail | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/label/[customLabel].tsx

@@ -15,7 +15,11 @@ export default function MailPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Mail | Minimal UI</title>
+=======
         <title> Mail | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/mail/label/[customLabel]/[mailId].tsx

@@ -15,7 +15,11 @@ export default function MailPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Mail | Minimal UI</title>
+=======
         <title> Mail | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Mail />

Project/Frontend/Web_App/src/pages/dashboard/permission-denied.tsx

@@ -43,7 +43,11 @@ export default function PermissionDeniedPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Other Cases: Permission Denied | Minimal UI</title>
+=======
         <title> Other Cases: Permission Denied | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/spokenLanguageTranslation-module/index.tsx

-import { Container, Typography } from '@mui/material';
+import { Alert, Button, Card, CardActions, CardContent, CardHeader, Container, Grid, Typography } from '@mui/material';
 import Head from 'next/head';
+import { useCallback, useState } from 'react';
+import { ComingSoonIllustration } from 'src/assets/illustrations';
+import CustomBreadcrumbs from 'src/components/custom-breadcrumbs/CustomBreadcrumbs';
+import Iconify from 'src/components/iconify/Iconify';
+import HomeWidget from 'src/sections/@dashboard/spokenLanguageTranslation-module/HomeWidget';
+import _mock from '../../../_mock';
+import Editor from '../../../components/editor';
 import { useSettingsContext } from '../../../components/settings';
+import { Upload } from '../../../components/upload';
 import DashboardLayout from '../../../layouts/dashboard';
+import {
+    CarouselBasic3
+} from '../../../sections/_examples/extra/carousel';
 
 SpokenLanguageTranslationHomePage.getLayout = (page: React.ReactElement) => <DashboardLayout>{page}</DashboardLayout>;
 
 export default function SpokenLanguageTranslationHomePage() {
     const { themeStretch } = useSettingsContext();
 
+    const [translateType, setTranslateType] = useState<"video" | "text">()
+    const [file, setFile] = useState<File | string | null>(null);
+    const [quillSimple, setQuillSimple] = useState('');
+
+
+    const handleHomeWidgetOnClick = (value: string) => {
+        if (!value) return
+        if (value == "Video Translate") {
+            setTranslateType("video")
+            return
+        }
+        if (value == "Text Translate") {
+            setTranslateType("text")
+            return
+        }
+    }
+
+    const handleDropSingleFile = useCallback((acceptedFiles: File[]) => {
+        const file = acceptedFiles[0];
+        if (file) {
+            setFile(
+                Object.assign(file, {
+                    preview: URL.createObjectURL(file),
+                })
+            );
+        }
+    }, []);
+ 
+
+    const _carouselsExample = [...Array(5)].map((_, index) => ({
+        id: _mock.id(index),
+        title: _mock.text.title(index),
+        image: _mock.image.cover(index),
+        description: _mock.text.description(index),
+      }));
+
+
     return (
         <>
             <Head>
-                <title> Blank Page | SignConnect+</title>
+                <title> Spoken Language Translation Home | SignLink </title>
             </Head>
 
             <Container maxWidth={themeStretch ? false : 'xl'}>
-                <Typography variant="h6"> Blank </Typography>
+                <CustomBreadcrumbs
+                    heading="Spoken Language Translation"
+                    links={[
+                        {
+                            name: 'Dashboard',
+                            href: '#',
+                            icon: <Iconify icon="eva:home-fill" />,
+                        },
+                        { name: 'Spoken Language Translation Module', href: '#', icon: <Iconify icon="eva:cube-outline" /> },
+                        { name: 'Spoken Language Translation', icon: <Iconify icon="eva:cube-outline" /> },
+                    ]}
+                />
+            </Container>
+
+            <Container maxWidth={themeStretch ? false : 'xl'}>
+                <Grid container spacing={2} rowSpacing={3}>
+                    <Grid item xs={12} md={6} lg={6}>
+                        <HomeWidget
+                            title="Video Translate"
+                            subTitle="Spoken Language Video Convert to sign language"
+                            icon="eva:video-fill"
+                            color='warning'
+                            handleClick={handleHomeWidgetOnClick}
+                        />
+                    </Grid>
+                    <Grid item xs={12} md={6} lg={6}>
+                        <HomeWidget
+                            title="Text Translate"
+                            subTitle="Spoken Language Text Convert to sign language"
+                            icon="eva:text-fill"
+                            color="success"
+                            handleClick={handleHomeWidgetOnClick}
+                        />
+                    </Grid>
+                    {!translateType && <>
+                        <Grid item xs={12} md={12} lg={12}>
+                            <Alert severity='info' >Select a Translation type</Alert>
+                        </Grid>
+                    </>}
+                    {translateType == "video" && <>
+                        <Grid item xs={12} md={8} lg={8}>
+                            <Card>
+                                <CardHeader
+                                    title="Upload Video"
+                                    subheader="Upload you're video to convert to sigh  language"
+                                />
+                                <CardContent>
+                                    <Upload file={file} onDrop={handleDropSingleFile} onDelete={() => setFile(null)} />
+                                </CardContent>
+                                <CardActions>
+                                    <Button variant="contained" color='error' fullWidth onClick={() => { setFile(null) }}>
+                                        Reset
+                                    </Button>
+                                    <Button variant="contained" fullWidth>
+                                        Convert
+                                    </Button>
+                                </CardActions>
+                            </Card>
+                        </Grid>
+                        <Grid item xs={12} md={4} lg={4}>
+                            <Card>
+                                <CardHeader title="3D Model" />
+                                <CardContent>
+                                    <Typography variant="h3" paragraph>
+                                        Coming Soon!
+                                    </Typography>
+
+                                    <Typography sx={{ color: 'text.secondary' }}>
+                                        We are currently working hard on this page!
+                                    </Typography>
+
+                                    <ComingSoonIllustration sx={{ my: 1, height: 200 }} />
+                                </CardContent>
+                            </Card>
+                        </Grid>
+                    </>}
+                    {translateType == "text" && <>
+                        <Grid item xs={12} md={8} lg={8}>
+                            <Card sx={{ height: "100%" }}>
+                                <CardHeader
+                                    title="Enter text"
+                                    subheader="Enter you're text to convert to sigh  language"
+                                />
+                                <CardContent>
+                                    <Editor
+                                        simple
+                                        id="simple-editor"
+                                        value={quillSimple}
+                                        onChange={(value) => setQuillSimple(value)}
+                                    />
+                                </CardContent>
+                                <CardActions>
+                                    <Button variant="contained" color='error' fullWidth onClick={() => { setQuillSimple('') }}>
+                                        Reset
+                                    </Button>
+                                    <Button variant="contained" fullWidth>
+                                        Convert
+                                    </Button>
+                                </CardActions>
+                            </Card>
+                        </Grid>
+                        <Grid item xs={12} md={4} lg={4}>
+                            <Card>
+                                <CardHeader title="Converted Output" />
+                                <CardContent>
+                                <CarouselBasic3 data={_carouselsExample} />
+                                </CardContent>
+                            </Card>
+                        </Grid>
+                    </>}
+                </Grid>
+
+
+
             </Container>
         </>
     );

Project/Frontend/Web_App/src/pages/dashboard/user/[name]/edit.tsx

@@ -34,7 +34,11 @@ export default function UserEditPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: Edit user | Minimal UI</title>
+=======
         <title> User: Edit user | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/account.tsx

@@ -75,7 +75,11 @@ export default function UserAccountPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: Account Settings | Minimal UI</title>
+=======
         <title> User: Account Settings | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/cards.tsx

@@ -26,7 +26,11 @@ export default function UserCardsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: Cards | Minimal UI</title>
+=======
         <title> User: Cards | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/list.tsx

@@ -195,7 +195,11 @@ export default function UserListPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: List | Minimal UI</title>
+=======
         <title> User: List | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/new.tsx

@@ -24,7 +24,11 @@ export default function UserCreatePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: Create a new user | Minimal UI</title>
+=======
         <title> User: Create a new user | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/dashboard/user/profile.tsx

@@ -83,7 +83,11 @@ export default function UserProfilePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> User: Profile | Minimal UI</title>
+=======
         <title> User: Profile | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container maxWidth={themeStretch ? false : 'lg'}>

Project/Frontend/Web_App/src/pages/faqs.tsx

@@ -17,7 +17,11 @@ export default function FaqsPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Faqs | Minimal UI</title>
+=======
         <title> Faqs | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <FaqsHero />

Project/Frontend/Web_App/src/pages/index.tsx

+<<<<<<< HEAD
+import { m, useScroll, useSpring } from 'framer-motion';
+// next
+import Head from 'next/head';
+// @mui
+import { useTheme } from '@mui/material/styles';
+import { Box } from '@mui/material';
+// layouts
+import MainLayout from '../layouts/main';
+// sections
+import {
+  HomeHero,
+  HomeMinimal,
+  HomeDarkMode,
+  HomeLookingFor,
+  HomeForDesigner,
+  HomeColorPresets,
+  HomePricingPlans,
+  HomeAdvertisement,
+  HomeCleanInterfaces,
+  HomeHugePackElements,
+} from '../sections/home';
+
+// ----------------------------------------------------------------------
+
+HomePage.getLayout = (page: React.ReactElement) => <MainLayout> {page} </MainLayout>;
+
+// ----------------------------------------------------------------------
+
+export default function HomePage() {
+  const theme = useTheme();
+
+  const { scrollYProgress } = useScroll();
+
+  const scaleX = useSpring(scrollYProgress, {
+    stiffness: 100,
+    damping: 30,
+    restDelta: 0.001,
+  });
+
+  const progress = (
+    <m.div
+      style={{
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 3,
+        zIndex: 1999,
+        position: 'fixed',
+        transformOrigin: '0%',
+        backgroundColor: theme.palette.primary.main,
+        scaleX,
+      }}
+    />
+  );
+
+  return (
+    <>
+      <Head>
+        <title> The starting point for your next project | Minimal UI</title>
+      </Head>
+
+      {progress}
+
+      <HomeHero />
+
+      <Box
+        sx={{
+          overflow: 'hidden',
+          position: 'relative',
+          bgcolor: 'background.default',
+        }}
+      >
+        <HomeMinimal />
+
+        <HomeHugePackElements />
+
+        <HomeForDesigner />
+
+        <HomeDarkMode />
+
+        <HomeColorPresets />
+
+        <HomeCleanInterfaces />
+
+        <HomePricingPlans />
+
+        <HomeLookingFor />
+
+        <HomeAdvertisement />
+      </Box>
+    </>
+  );
+}
+=======
 import LoginPage from "./auth/login";
 
-export default  LoginPage
+export default  LoginPage
\ No newline at end of file
+>>>>>>> master

Project/Frontend/Web_App/src/pages/maintenance.tsx

@@ -18,7 +18,11 @@ export default function MaintenancePage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Maintenance | Minimal UI</title>
+=======
         <title> Maintenance | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Stack sx={{ alignItems: 'center' }}>

Project/Frontend/Web_App/src/pages/payment.tsx

@@ -21,7 +21,11 @@ export default function PaymentPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Payment | Minimal UI</title>
+=======
         <title> Payment | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container

Project/Frontend/Web_App/src/pages/pricing.tsx

@@ -19,7 +19,11 @@ export default function PricingPage() {
   return (
     <>
       <Head>
+<<<<<<< HEAD
+        <title> Pricing | Minimal UI</title>
+=======
         <title> Pricing | SignConnect+</title>
+>>>>>>> master
       </Head>
 
       <Container

Project/Frontend/Web_App/src/routes/paths.ts

@@ -97,6 +97,8 @@ export const PATH_DASHBOARD = {
     view: (title: string) => path(ROOTS_DASHBOARD, `/blog/post/${title}`),
     demoView: path(ROOTS_DASHBOARD, '/blog/post/apply-these-7-secret-techniques-to-improve-event'),
   },
+<<<<<<< HEAD
+=======
   spokenLanguageTranslationModule: {
     root: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
     spokenLanguageTranslationHome: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
@@ -109,6 +111,7 @@ export const PATH_DASHBOARD = {
     leadBoardHome: path(ROOTS_DASHBOARD, '/learning-module/leadBoard'),
     feedbackHome: path(ROOTS_DASHBOARD, '/learning-module/feedback'),
   },
+>>>>>>> master
 };
 
 export const PATH_DOCS = {

Project/Frontend/Web_App/src/sections/auth/Login.tsx

@@ -20,7 +20,11 @@ export default function Login() {
   return (
     <LoginLayout>
       <Stack spacing={2} sx={{ mb: 5, position: 'relative' }}>
+<<<<<<< HEAD
+        <Typography variant="h4">Sign in to Minimal</Typography>
+=======
         <Typography variant="h4">Sign in to SignConnect+</Typography>
+>>>>>>> master
 
         <Stack direction="row" spacing={0.5}>
           <Typography variant="body2">New user?</Typography>
@@ -45,6 +49,11 @@ export default function Login() {
       </Alert>
 
       <AuthLoginForm />
+<<<<<<< HEAD
+
+      <AuthWithSocial />
+=======
+>>>>>>> master
     </LoginLayout>
   );
 }

Project/Frontend/Web_App/src/sections/auth/Register.tsx

 // next
 import NextLink from 'next/link';
 // @mui
+<<<<<<< HEAD
+import { Stack, Typography, Link } from '@mui/material';
+=======
 import { Link, Stack, Typography } from '@mui/material';
+>>>>>>> master
 // layouts
 import LoginLayout from '../../layouts/login';
 // routes
 import { PATH_AUTH } from '../../routes/paths';
 //
+<<<<<<< HEAD
+import AuthWithSocial from './AuthWithSocial';
+=======
+>>>>>>> master
 import AuthRegisterForm from './AuthRegisterForm';
 
 // ----------------------------------------------------------------------
@@ -43,6 +51,10 @@ export default function Register() {
         .
       </Typography>
 
+<<<<<<< HEAD
+      <AuthWithSocial />
+=======
+>>>>>>> master
     </LoginLayout>
   );
 }

Project/Frontend/Web_App/src/sections/home/HomeMinimal.tsx

@@ -58,7 +58,11 @@ export default function HomeMinimal() {
         >
           <m.div variants={varFade().inUp}>
             <Typography component="div" variant="overline" sx={{ color: 'text.disabled' }}>
+<<<<<<< HEAD
+              Minimal UI
+=======
               SignConnect+
+>>>>>>> master
             </Typography>
           </m.div>
 

README.md

@@ -13,6 +13,44 @@ The main objective of this project is to develop a Sign Language Translation Sys
 
 ## Individual Research Questions and Objectives
 
+<<<<<<< HEAD
+### Member: Ranaweera R M S H (IT20251000)
+
+**Research Question:**
+- How can sign language translation be achieved by identifying the audio components in a video and the text, and translating them into sign language using 3D components?
+
+**Objectives:**
+- Pre-process video data to extract audio components.
+- Develop techniques to translate audio into sign language.
+- Develop techniques to translate text into sign language.
+- Integrate sign language translation with 3D components to create visually appealing sign language videos.
+- Evaluate the accuracy of sign language translation.
+- Evaluate the overall effectiveness of the sign language translation demonstration.
+- Apply computer graphics techniques to enhance the realism and visual quality of the sign language animations.
+
+## Novelty and Contributions
+
+- **Novel Approach:** 
+> The research question proposes a novel approach to sign language translation by utilizing audio components from a video and text input. This approach combines audio analysis and text translation with 3D components to create visually appealing sign language videos.
+
+- **Audio Component Extraction:** 
+The research aims to develop techniques to pre-process video data and extract audio components. This extraction process is crucial for identifying and analyzing the audio elements necessary for sign language translation.
+
+- **Audio-to-Sign Language Translation:** 
+The research contributes to the development of techniques that translate audio components into sign language. By analyzing the audio data, the system can generate accurate sign language gestures and expressions corresponding to the spoken words or sounds.
+
+- **Text-to-Sign Language Translation:** 
+Another significant contribution is the development of techniques to translate text input into sign language. This enables users to input text directly, which the system converts into sign language gestures and expressions, providing a means of communication for individuals who are deaf or hard of hearing.
+
+- **Integration of 3D Components:** 
+The research focuses on integrating sign language translation with 3D components to enhance the visual quality and realism of the sign language animations. This integration adds depth and realism to the sign language gestures and creates visually appealing videos that effectively convey the intended message.
+
+- **Evaluation of Translation Accuracy:** 
+The research evaluates the accuracy of the sign language translation by comparing the generated sign language gestures with established sign language conventions. This evaluation ensures that the translations are linguistically and culturally appropriate, enhancing the overall effectiveness of the system.
+
+- **Computer Graphics Enhancements:** 
+The research contributes to the application of computer graphics techniques to enhance the realism and visual quality of the sign language animations. By leveraging graphics capabilities, the system can create visually engaging and expressive sign language videos, improving the user experience.
+=======
 ### Member / Leader: Gamage B G J (IT20402266)
 
 **Research Question:**
@@ -69,3 +107,4 @@ The main objective of this project is to develop a Sign Language Translation Sys
 - Incorporation of emotions into sign language translation, providing a more expressive and accurate communication experience.
 - Advanced image and video processing techniques for accurate identification and translation of sign language gestures.
 - Optimization of deployments and models to increase the overall performance and efficiency of the Sign Language Translation System.
+>>>>>>> master