Added Login and Register Functionality

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    "configurations": [
+        {
+            "type": "java",
+            "name": "Spring Boot-MyserverApplication<myserver>",
+            "request": "launch",
+            "cwd": "${workspaceFolder}",
+            "mainClass": "com.example.myserver.MyserverApplication",
+            "projectName": "myserver",
+            "args": "",
+            "envFile": "${workspaceFolder}/.env"
+        }
+    ]
+}

Backend/Loginandregister.md

@@ -0,0 +1,55 @@
+# API Testing Instructions (Postman)
+
+## Signup
+
+**Endpoint:**
+```
+POST http://localhost:8081/api/signup
+```
+
+**Request Body (JSON):**
+```json
+{
+    "firstname": "L",
+    "lastname": "H10",
+    "email": "exmaple@gmail.com",
+    "password": "your_password_here"
+}
+```
+
+**Expected Response:**
+```json
+{
+    "id": 2,
+    "username": "exmaple@gmail.com",
+    "password": "hashed_password_here",
+    "createdAt": "your_creation_date_here",
+    "enabled": true,
+    "authorities": [],
+    "credentialsNonExpired": true,
+    "accountNonExpired": true,
+    "accountNonLocked": true
+}
+```
+
+---
+
+## Login
+
+**Endpoint:**
+```
+POST http://localhost:8081/api/login
+```
+
+**Expected Response:**
+```json
+{
+    "token": "your_token_here",
+    "expiresIn": 3600000
+}
+```
+
+### Notes:
+- Ensure the server is running before making requests.
+- Use Postman to send POST requests with the specified JSON body.
+- The token received in the login response can be used for authenticated requests.

Backend/myserver/.gitattributes

@@ -0,0 +1,2 @@
+/mvnw text eol=lf
+*.cmd text eol=crlf

Backend/myserver/.gitignore

@@ -0,0 +1,33 @@
+HELP.md
+target/
+!.mvn/wrapper/maven-wrapper.jar
+!**/src/main/**/target/
+!**/src/test/**/target/
+
+### STS ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+build/
+!**/src/main/**/build/
+!**/src/test/**/build/
+
+### VS Code ###
+.vscode/

Backend/myserver/.mvn/wrapper/maven-wrapper.properties

@@ -0,0 +1,19 @@
+# Licensed to the Apache Software Foundation (ASF) under one
+# or more contributor license agreements.  See the NOTICE file
+# distributed with this work for additional information
+# regarding copyright ownership.  The ASF licenses this file
+# to you under the Apache License, Version 2.0 (the
+# "License"); you may not use this file except in compliance
+# with the License.  You may obtain a copy of the License at
+#
+#   http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing,
+# software distributed under the License is distributed on an
+# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+# KIND, either express or implied.  See the License for the
+# specific language governing permissions and limitations
+# under the License.
+wrapperVersion=3.3.2
+distributionType=only-script
+distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.9/apache-maven-3.9.9-bin.zip

Backend/myserver/mvnw

@@ -0,0 +1,259 @@
+#!/bin/sh
+# ----------------------------------------------------------------------------
+# Licensed to the Apache Software Foundation (ASF) under one
+# or more contributor license agreements.  See the NOTICE file
+# distributed with this work for additional information
+# regarding copyright ownership.  The ASF licenses this file
+# to you under the Apache License, Version 2.0 (the
+# "License"); you may not use this file except in compliance
+# with the License.  You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing,
+# software distributed under the License is distributed on an
+# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+# KIND, either express or implied.  See the License for the
+# specific language governing permissions and limitations
+# under the License.
+# ----------------------------------------------------------------------------
+
+# ----------------------------------------------------------------------------
+# Apache Maven Wrapper startup batch script, version 3.3.2
+#
+# Optional ENV vars
+# -----------------
+#   JAVA_HOME - location of a JDK home dir, required when download maven via java source
+#   MVNW_REPOURL - repo url base for downloading maven distribution
+#   MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
+#   MVNW_VERBOSE - true: enable verbose log; debug: trace the mvnw script; others: silence the output
+# ----------------------------------------------------------------------------
+
+set -euf
+[ "${MVNW_VERBOSE-}" != debug ] || set -x
+
+# OS specific support.
+native_path() { printf %s\\n "$1"; }
+case "$(uname)" in
+CYGWIN* | MINGW*)
+  [ -z "${JAVA_HOME-}" ] || JAVA_HOME="$(cygpath --unix "$JAVA_HOME")"
+  native_path() { cygpath --path --windows "$1"; }
+  ;;
+esac
+
+# set JAVACMD and JAVACCMD
+set_java_home() {
+  # For Cygwin and MinGW, ensure paths are in Unix format before anything is touched
+  if [ -n "${JAVA_HOME-}" ]; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ]; then
+      # IBM's JDK on AIX uses strange locations for the executables
+      JAVACMD="$JAVA_HOME/jre/sh/java"
+      JAVACCMD="$JAVA_HOME/jre/sh/javac"
+    else
+      JAVACMD="$JAVA_HOME/bin/java"
+      JAVACCMD="$JAVA_HOME/bin/javac"
+
+      if [ ! -x "$JAVACMD" ] || [ ! -x "$JAVACCMD" ]; then
+        echo "The JAVA_HOME environment variable is not defined correctly, so mvnw cannot run." >&2
+        echo "JAVA_HOME is set to \"$JAVA_HOME\", but \"\$JAVA_HOME/bin/java\" or \"\$JAVA_HOME/bin/javac\" does not exist." >&2
+        return 1
+      fi
+    fi
+  else
+    JAVACMD="$(
+      'set' +e
+      'unset' -f command 2>/dev/null
+      'command' -v java
+    )" || :
+    JAVACCMD="$(
+      'set' +e
+      'unset' -f command 2>/dev/null
+      'command' -v javac
+    )" || :
+
+    if [ ! -x "${JAVACMD-}" ] || [ ! -x "${JAVACCMD-}" ]; then
+      echo "The java/javac command does not exist in PATH nor is JAVA_HOME set, so mvnw cannot run." >&2
+      return 1
+    fi
+  fi
+}
+
+# hash string like Java String::hashCode
+hash_string() {
+  str="${1:-}" h=0
+  while [ -n "$str" ]; do
+    char="${str%"${str#?}"}"
+    h=$(((h * 31 + $(LC_CTYPE=C printf %d "'$char")) % 4294967296))
+    str="${str#?}"
+  done
+  printf %x\\n $h
+}
+
+verbose() { :; }
+[ "${MVNW_VERBOSE-}" != true ] || verbose() { printf %s\\n "${1-}"; }
+
+die() {
+  printf %s\\n "$1" >&2
+  exit 1
+}
+
+trim() {
+  # MWRAPPER-139:
+  #   Trims trailing and leading whitespace, carriage returns, tabs, and linefeeds.
+  #   Needed for removing poorly interpreted newline sequences when running in more
+  #   exotic environments such as mingw bash on Windows.
+  printf "%s" "${1}" | tr -d '[:space:]'
+}
+
+# parse distributionUrl and optional distributionSha256Sum, requires .mvn/wrapper/maven-wrapper.properties
+while IFS="=" read -r key value; do
+  case "${key-}" in
+  distributionUrl) distributionUrl=$(trim "${value-}") ;;
+  distributionSha256Sum) distributionSha256Sum=$(trim "${value-}") ;;
+  esac
+done <"${0%/*}/.mvn/wrapper/maven-wrapper.properties"
+[ -n "${distributionUrl-}" ] || die "cannot read distributionUrl property in ${0%/*}/.mvn/wrapper/maven-wrapper.properties"
+
+case "${distributionUrl##*/}" in
+maven-mvnd-*bin.*)
+  MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/
+  case "${PROCESSOR_ARCHITECTURE-}${PROCESSOR_ARCHITEW6432-}:$(uname -a)" in
+  *AMD64:CYGWIN* | *AMD64:MINGW*) distributionPlatform=windows-amd64 ;;
+  :Darwin*x86_64) distributionPlatform=darwin-amd64 ;;
+  :Darwin*arm64) distributionPlatform=darwin-aarch64 ;;
+  :Linux*x86_64*) distributionPlatform=linux-amd64 ;;
+  *)
+    echo "Cannot detect native platform for mvnd on $(uname)-$(uname -m), use pure java version" >&2
+    distributionPlatform=linux-amd64
+    ;;
+  esac
+  distributionUrl="${distributionUrl%-bin.*}-$distributionPlatform.zip"
+  ;;
+maven-mvnd-*) MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/ ;;
+*) MVN_CMD="mvn${0##*/mvnw}" _MVNW_REPO_PATTERN=/org/apache/maven/ ;;
+esac
+
+# apply MVNW_REPOURL and calculate MAVEN_HOME
+# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
+[ -z "${MVNW_REPOURL-}" ] || distributionUrl="$MVNW_REPOURL$_MVNW_REPO_PATTERN${distributionUrl#*"$_MVNW_REPO_PATTERN"}"
+distributionUrlName="${distributionUrl##*/}"
+distributionUrlNameMain="${distributionUrlName%.*}"
+distributionUrlNameMain="${distributionUrlNameMain%-bin}"
+MAVEN_USER_HOME="${MAVEN_USER_HOME:-${HOME}/.m2}"
+MAVEN_HOME="${MAVEN_USER_HOME}/wrapper/dists/${distributionUrlNameMain-}/$(hash_string "$distributionUrl")"
+
+exec_maven() {
+  unset MVNW_VERBOSE MVNW_USERNAME MVNW_PASSWORD MVNW_REPOURL || :
+  exec "$MAVEN_HOME/bin/$MVN_CMD" "$@" || die "cannot exec $MAVEN_HOME/bin/$MVN_CMD"
+}
+
+if [ -d "$MAVEN_HOME" ]; then
+  verbose "found existing MAVEN_HOME at $MAVEN_HOME"
+  exec_maven "$@"
+fi
+
+case "${distributionUrl-}" in
+*?-bin.zip | *?maven-mvnd-?*-?*.zip) ;;
+*) die "distributionUrl is not valid, must match *-bin.zip or maven-mvnd-*.zip, but found '${distributionUrl-}'" ;;
+esac
+
+# prepare tmp dir
+if TMP_DOWNLOAD_DIR="$(mktemp -d)" && [ -d "$TMP_DOWNLOAD_DIR" ]; then
+  clean() { rm -rf -- "$TMP_DOWNLOAD_DIR"; }
+  trap clean HUP INT TERM EXIT
+else
+  die "cannot create temp dir"
+fi
+
+mkdir -p -- "${MAVEN_HOME%/*}"
+
+# Download and Install Apache Maven
+verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
+verbose "Downloading from: $distributionUrl"
+verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
+
+# select .zip or .tar.gz
+if ! command -v unzip >/dev/null; then
+  distributionUrl="${distributionUrl%.zip}.tar.gz"
+  distributionUrlName="${distributionUrl##*/}"
+fi
+
+# verbose opt
+__MVNW_QUIET_WGET=--quiet __MVNW_QUIET_CURL=--silent __MVNW_QUIET_UNZIP=-q __MVNW_QUIET_TAR=''
+[ "${MVNW_VERBOSE-}" != true ] || __MVNW_QUIET_WGET='' __MVNW_QUIET_CURL='' __MVNW_QUIET_UNZIP='' __MVNW_QUIET_TAR=v
+
+# normalize http auth
+case "${MVNW_PASSWORD:+has-password}" in
+'') MVNW_USERNAME='' MVNW_PASSWORD='' ;;
+has-password) [ -n "${MVNW_USERNAME-}" ] || MVNW_USERNAME='' MVNW_PASSWORD='' ;;
+esac
+
+if [ -z "${MVNW_USERNAME-}" ] && command -v wget >/dev/null; then
+  verbose "Found wget ... using wget"
+  wget ${__MVNW_QUIET_WGET:+"$__MVNW_QUIET_WGET"} "$distributionUrl" -O "$TMP_DOWNLOAD_DIR/$distributionUrlName" || die "wget: Failed to fetch $distributionUrl"
+elif [ -z "${MVNW_USERNAME-}" ] && command -v curl >/dev/null; then
+  verbose "Found curl ... using curl"
+  curl ${__MVNW_QUIET_CURL:+"$__MVNW_QUIET_CURL"} -f -L -o "$TMP_DOWNLOAD_DIR/$distributionUrlName" "$distributionUrl" || die "curl: Failed to fetch $distributionUrl"
+elif set_java_home; then
+  verbose "Falling back to use Java to download"
+  javaSource="$TMP_DOWNLOAD_DIR/Downloader.java"
+  targetZip="$TMP_DOWNLOAD_DIR/$distributionUrlName"
+  cat >"$javaSource" <<-END
+	public class Downloader extends java.net.Authenticator
+	{
+	  protected java.net.PasswordAuthentication getPasswordAuthentication()
+	  {
+	    return new java.net.PasswordAuthentication( System.getenv( "MVNW_USERNAME" ), System.getenv( "MVNW_PASSWORD" ).toCharArray() );
+	  }
+	  public static void main( String[] args ) throws Exception
+	  {
+	    setDefault( new Downloader() );
+	    java.nio.file.Files.copy( java.net.URI.create( args[0] ).toURL().openStream(), java.nio.file.Paths.get( args[1] ).toAbsolutePath().normalize() );
+	  }
+	}
+	END
+  # For Cygwin/MinGW, switch paths to Windows format before running javac and java
+  verbose " - Compiling Downloader.java ..."
+  "$(native_path "$JAVACCMD")" "$(native_path "$javaSource")" || die "Failed to compile Downloader.java"
+  verbose " - Running Downloader.java ..."
+  "$(native_path "$JAVACMD")" -cp "$(native_path "$TMP_DOWNLOAD_DIR")" Downloader "$distributionUrl" "$(native_path "$targetZip")"
+fi
+
+# If specified, validate the SHA-256 sum of the Maven distribution zip file
+if [ -n "${distributionSha256Sum-}" ]; then
+  distributionSha256Result=false
+  if [ "$MVN_CMD" = mvnd.sh ]; then
+    echo "Checksum validation is not supported for maven-mvnd." >&2
+    echo "Please disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
+    exit 1
+  elif command -v sha256sum >/dev/null; then
+    if echo "$distributionSha256Sum  $TMP_DOWNLOAD_DIR/$distributionUrlName" | sha256sum -c >/dev/null 2>&1; then
+      distributionSha256Result=true
+    fi
+  elif command -v shasum >/dev/null; then
+    if echo "$distributionSha256Sum  $TMP_DOWNLOAD_DIR/$distributionUrlName" | shasum -a 256 -c >/dev/null 2>&1; then
+      distributionSha256Result=true
+    fi
+  else
+    echo "Checksum validation was requested but neither 'sha256sum' or 'shasum' are available." >&2
+    echo "Please install either command, or disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
+    exit 1
+  fi
+  if [ $distributionSha256Result = false ]; then
+    echo "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised." >&2
+    echo "If you updated your Maven version, you need to update the specified distributionSha256Sum property." >&2
+    exit 1
+  fi
+fi
+
+# unzip and move
+if command -v unzip >/dev/null; then
+  unzip ${__MVNW_QUIET_UNZIP:+"$__MVNW_QUIET_UNZIP"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -d "$TMP_DOWNLOAD_DIR" || die "failed to unzip"
+else
+  tar xzf${__MVNW_QUIET_TAR:+"$__MVNW_QUIET_TAR"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -C "$TMP_DOWNLOAD_DIR" || die "failed to untar"
+fi
+printf %s\\n "$distributionUrl" >"$TMP_DOWNLOAD_DIR/$distributionUrlNameMain/mvnw.url"
+mv -- "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" "$MAVEN_HOME" || [ -d "$MAVEN_HOME" ] || die "fail to move MAVEN_HOME"
+
+clean || :
+exec_maven "$@"

Backend/myserver/mvnw.cmd

@@ -0,0 +1,149 @@
+<# : batch portion
+@REM ----------------------------------------------------------------------------
+@REM Licensed to the Apache Software Foundation (ASF) under one
+@REM or more contributor license agreements.  See the NOTICE file
+@REM distributed with this work for additional information
+@REM regarding copyright ownership.  The ASF licenses this file
+@REM to you under the Apache License, Version 2.0 (the
+@REM "License"); you may not use this file except in compliance
+@REM with the License.  You may obtain a copy of the License at
+@REM
+@REM    http://www.apache.org/licenses/LICENSE-2.0
+@REM
+@REM Unless required by applicable law or agreed to in writing,
+@REM software distributed under the License is distributed on an
+@REM "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+@REM KIND, either express or implied.  See the License for the
+@REM specific language governing permissions and limitations
+@REM under the License.
+@REM ----------------------------------------------------------------------------
+
+@REM ----------------------------------------------------------------------------
+@REM Apache Maven Wrapper startup batch script, version 3.3.2
+@REM
+@REM Optional ENV vars
+@REM   MVNW_REPOURL - repo url base for downloading maven distribution
+@REM   MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
+@REM   MVNW_VERBOSE - true: enable verbose log; others: silence the output
+@REM ----------------------------------------------------------------------------
+
+@IF "%__MVNW_ARG0_NAME__%"=="" (SET __MVNW_ARG0_NAME__=%~nx0)
+@SET __MVNW_CMD__=
+@SET __MVNW_ERROR__=
+@SET __MVNW_PSMODULEP_SAVE=%PSModulePath%
+@SET PSModulePath=
+@FOR /F "usebackq tokens=1* delims==" %%A IN (`powershell -noprofile "& {$scriptDir='%~dp0'; $script='%__MVNW_ARG0_NAME__%'; icm -ScriptBlock ([Scriptblock]::Create((Get-Content -Raw '%~f0'))) -NoNewScope}"`) DO @(
+  IF "%%A"=="MVN_CMD" (set __MVNW_CMD__=%%B) ELSE IF "%%B"=="" (echo %%A) ELSE (echo %%A=%%B)
+)
+@SET PSModulePath=%__MVNW_PSMODULEP_SAVE%
+@SET __MVNW_PSMODULEP_SAVE=
+@SET __MVNW_ARG0_NAME__=
+@SET MVNW_USERNAME=
+@SET MVNW_PASSWORD=
+@IF NOT "%__MVNW_CMD__%"=="" (%__MVNW_CMD__% %*)
+@echo Cannot start maven from wrapper >&2 && exit /b 1
+@GOTO :EOF
+: end batch / begin powershell #>
+
+$ErrorActionPreference = "Stop"
+if ($env:MVNW_VERBOSE -eq "true") {
+  $VerbosePreference = "Continue"
+}
+
+# calculate distributionUrl, requires .mvn/wrapper/maven-wrapper.properties
+$distributionUrl = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionUrl
+if (!$distributionUrl) {
+  Write-Error "cannot read distributionUrl property in $scriptDir/.mvn/wrapper/maven-wrapper.properties"
+}
+
+switch -wildcard -casesensitive ( $($distributionUrl -replace '^.*/','') ) {
+  "maven-mvnd-*" {
+    $USE_MVND = $true
+    $distributionUrl = $distributionUrl -replace '-bin\.[^.]*$',"-windows-amd64.zip"
+    $MVN_CMD = "mvnd.cmd"
+    break
+  }
+  default {
+    $USE_MVND = $false
+    $MVN_CMD = $script -replace '^mvnw','mvn'
+    break
+  }
+}
+
+# apply MVNW_REPOURL and calculate MAVEN_HOME
+# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
+if ($env:MVNW_REPOURL) {
+  $MVNW_REPO_PATTERN = if ($USE_MVND) { "/org/apache/maven/" } else { "/maven/mvnd/" }
+  $distributionUrl = "$env:MVNW_REPOURL$MVNW_REPO_PATTERN$($distributionUrl -replace '^.*'+$MVNW_REPO_PATTERN,'')"
+}
+$distributionUrlName = $distributionUrl -replace '^.*/',''
+$distributionUrlNameMain = $distributionUrlName -replace '\.[^.]*$','' -replace '-bin$',''
+$MAVEN_HOME_PARENT = "$HOME/.m2/wrapper/dists/$distributionUrlNameMain"
+if ($env:MAVEN_USER_HOME) {
+  $MAVEN_HOME_PARENT = "$env:MAVEN_USER_HOME/wrapper/dists/$distributionUrlNameMain"
+}
+$MAVEN_HOME_NAME = ([System.Security.Cryptography.MD5]::Create().ComputeHash([byte[]][char[]]$distributionUrl) | ForEach-Object {$_.ToString("x2")}) -join ''
+$MAVEN_HOME = "$MAVEN_HOME_PARENT/$MAVEN_HOME_NAME"
+
+if (Test-Path -Path "$MAVEN_HOME" -PathType Container) {
+  Write-Verbose "found existing MAVEN_HOME at $MAVEN_HOME"
+  Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"
+  exit $?
+}
+
+if (! $distributionUrlNameMain -or ($distributionUrlName -eq $distributionUrlNameMain)) {
+  Write-Error "distributionUrl is not valid, must end with *-bin.zip, but found $distributionUrl"
+}
+
+# prepare tmp dir
+$TMP_DOWNLOAD_DIR_HOLDER = New-TemporaryFile
+$TMP_DOWNLOAD_DIR = New-Item -Itemtype Directory -Path "$TMP_DOWNLOAD_DIR_HOLDER.dir"
+$TMP_DOWNLOAD_DIR_HOLDER.Delete() | Out-Null
+trap {
+  if ($TMP_DOWNLOAD_DIR.Exists) {
+    try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
+    catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
+  }
+}
+
+New-Item -Itemtype Directory -Path "$MAVEN_HOME_PARENT" -Force | Out-Null
+
+# Download and Install Apache Maven
+Write-Verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
+Write-Verbose "Downloading from: $distributionUrl"
+Write-Verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
+
+$webclient = New-Object System.Net.WebClient
+if ($env:MVNW_USERNAME -and $env:MVNW_PASSWORD) {
+  $webclient.Credentials = New-Object System.Net.NetworkCredential($env:MVNW_USERNAME, $env:MVNW_PASSWORD)
+}
+[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
+$webclient.DownloadFile($distributionUrl, "$TMP_DOWNLOAD_DIR/$distributionUrlName") | Out-Null
+
+# If specified, validate the SHA-256 sum of the Maven distribution zip file
+$distributionSha256Sum = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionSha256Sum
+if ($distributionSha256Sum) {
+  if ($USE_MVND) {
+    Write-Error "Checksum validation is not supported for maven-mvnd. `nPlease disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties."
+  }
+  Import-Module $PSHOME\Modules\Microsoft.PowerShell.Utility -Function Get-FileHash
+  if ((Get-FileHash "$TMP_DOWNLOAD_DIR/$distributionUrlName" -Algorithm SHA256).Hash.ToLower() -ne $distributionSha256Sum) {
+    Write-Error "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised. If you updated your Maven version, you need to update the specified distributionSha256Sum property."
+  }
+}
+
+# unzip and move
+Expand-Archive "$TMP_DOWNLOAD_DIR/$distributionUrlName" -DestinationPath "$TMP_DOWNLOAD_DIR" | Out-Null
+Rename-Item -Path "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" -NewName $MAVEN_HOME_NAME | Out-Null
+try {
+  Move-Item -Path "$TMP_DOWNLOAD_DIR/$MAVEN_HOME_NAME" -Destination $MAVEN_HOME_PARENT | Out-Null
+} catch {
+  if (! (Test-Path -Path "$MAVEN_HOME" -PathType Container)) {
+    Write-Error "fail to move MAVEN_HOME"
+  }
+} finally {
+  try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
+  catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
+}
+
+Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"

Backend/myserver/pom.xml

@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+	<parent>
+		<groupId>org.springframework.boot</groupId>
+		<artifactId>spring-boot-starter-parent</artifactId>
+		<version>3.4.3</version>
+		<relativePath/> <!-- lookup parent from repository -->
+	</parent>
+	<groupId>com.example</groupId>
+	<artifactId>myserver</artifactId>
+	<version>0.0.1-SNAPSHOT</version>
+	<name>myserver</name>
+	<description>CC mini project</description>
+	<url/>
+	<licenses>
+		<license/>
+	</licenses>
+	<developers>
+		<developer/>
+	</developers>
+	<scm>
+		<connection/>
+		<developerConnection/>
+		<tag/>
+		<url/>
+	</scm>
+	<properties>
+		<java.version>17</java.version>
+	</properties>
+	<dependencies>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-data-jpa</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-security</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-web</artifactId>
+		</dependency>
+
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-devtools</artifactId>
+			<scope>runtime</scope>
+			<optional>true</optional>
+		</dependency>
+		<dependency>
+			<groupId>com.mysql</groupId>
+			<artifactId>mysql-connector-j</artifactId>
+			<scope>runtime</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-test</artifactId>
+			<scope>test</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.security</groupId>
+			<artifactId>spring-security-test</artifactId>
+			<scope>test</scope>
+		</dependency>
+
+		<dependency>
+            <groupId>io.jsonwebtoken</groupId>
+            <artifactId>jjwt-api</artifactId>
+            <version>0.11.5</version>
+        </dependency>
+        <dependency>
+            <groupId>io.jsonwebtoken</groupId>
+            <artifactId>jjwt-impl</artifactId>
+            <version>0.11.5</version>
+        </dependency>
+        <dependency>
+            <groupId>io.jsonwebtoken</groupId>
+            <artifactId>jjwt-jackson</artifactId>
+            <version>0.11.5</version>
+      </dependency>
+
+	</dependencies>
+	
+
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-maven-plugin</artifactId>
+			</plugin>
+		</plugins>
+	</build>
+
+</project>

Backend/myserver/src/main/java/com/example/myserver/MyserverApplication.java

@@ -0,0 +1,14 @@
+package com.example.myserver;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.autoconfigure.security.servlet.SecurityAutoConfiguration;
+
+@SpringBootApplication
+public class MyserverApplication {
+
+	public static void main(String[] args) {
+		SpringApplication.run(MyserverApplication.class, args);
+	}
+
+}

Backend/myserver/src/main/java/com/example/myserver/configs/ApplicationConfiguration.java

@@ -0,0 +1,47 @@
+package com.example.myserver.configs;
+
+import java.security.AuthProvider;
+
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.security.authentication.AuthenticationManager;
+import org.springframework.security.authentication.AuthenticationProvider;
+import org.springframework.security.authentication.dao.DaoAuthenticationProvider;
+import org.springframework.security.config.annotation.authentication.configuration.AuthenticationConfiguration;
+import org.springframework.security.core.userdetails.UserDetailsService;
+import org.springframework.security.core.userdetails.UsernameNotFoundException;
+import org.springframework.security.crypto.bcrypt.BCrypt;
+import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
+
+import com.example.myserver.repositories.UserRepository;
+
+@Configuration
+public class ApplicationConfiguration {
+    private final UserRepository userRepository;
+    public ApplicationConfiguration(UserRepository userRepository){
+        this.userRepository=userRepository;
+
+    }  
+    @Bean
+     UserDetailsService userDetailsService() {
+        return username -> userRepository.findByEmail(username)
+                .orElseThrow(() -> new UsernameNotFoundException("User not found"));
+    }
+    @Bean
+    BCryptPasswordEncoder passwordEncoder(){
+        return new BCryptPasswordEncoder();
+    }
+
+    @Bean
+    public AuthenticationManager authenticationManager(AuthenticationConfiguration config) throws Exception{
+        return config.getAuthenticationManager();
+    }
+
+    @Bean
+    AuthenticationProvider authenticationProvider(){
+        DaoAuthenticationProvider authprovider=new DaoAuthenticationProvider();
+        authprovider.setUserDetailsService(userDetailsService());
+        authprovider.setPasswordEncoder(passwordEncoder());
+        return authprovider;
+    }
+}

Backend/myserver/src/main/java/com/example/myserver/configs/JwtAuthenticationFilter.java

@@ -0,0 +1,77 @@
+package com.example.myserver.configs;
+
+import java.io.IOException;
+
+import org.springframework.lang.NonNull;
+import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
+import org.springframework.security.core.Authentication;
+import org.springframework.security.core.context.SecurityContextHolder;
+import org.springframework.security.core.userdetails.UserDetails;
+import org.springframework.security.core.userdetails.UserDetailsService;
+import org.springframework.security.web.authentication.WebAuthenticationDetailsSource;
+import org.springframework.stereotype.Component;
+import org.springframework.web.filter.OncePerRequestFilter;
+import org.springframework.web.servlet.HandlerExceptionResolver;
+
+import com.example.myserver.services.JwtService;
+
+import jakarta.servlet.FilterChain;
+import jakarta.servlet.ServletException;
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+
+@Component
+public class JwtAuthenticationFilter extends OncePerRequestFilter {
+    
+
+        private final HandlerExceptionResolver handlerExceptionResolver;
+        private JwtService jwtService;
+        private UserDetailsService userDetailsService;
+
+        public JwtAuthenticationFilter(JwtService jwtService,UserDetailsService userDetailsService,HandlerExceptionResolver handlerExceptionResolver){
+
+            this.handlerExceptionResolver=handlerExceptionResolver;
+            this.jwtService=jwtService;
+            this.userDetailsService=userDetailsService;
+        }
+
+        @Override
+
+    protected void doFilterInternal(
+        @NonNull HttpServletRequest request,
+        @NonNull HttpServletResponse response,
+        @NonNull FilterChain filterChain) throws ServletException, IOException {
+        final String authHeader=request.getHeader("Authorization");
+        if (authHeader==null || !authHeader.startsWith("Bearer")){
+            filterChain.doFilter(request, response);
+            return;
+        }
+        try {
+            final String userjwt=authHeader.substring(7);
+            final String userEmail=jwtService.extractUsername(userjwt);
+            Authentication authentication=SecurityContextHolder.getContext().getAuthentication();
+            if(userEmail!=null && authentication==null){
+
+                UserDetails userDetails=this.userDetailsService.loadUserByUsername(userEmail);
+                if (jwtService.isTokenValid(userjwt, userDetails)) {
+                    
+                    UsernamePasswordAuthenticationToken authenticationToken=new UsernamePasswordAuthenticationToken(
+                        userDetails, null, userDetails.getAuthorities()
+                        );
+                    authenticationToken.setDetails(new WebAuthenticationDetailsSource().buildDetails(request));
+                    SecurityContextHolder.getContext().setAuthentication(authenticationToken);
+
+
+                }
+
+            }
+            filterChain.doFilter(request, response);
+            } 
+        catch (Exception err) {
+            handlerExceptionResolver.resolveException(request, response, null, err);
+        }
+
+        }
+
+
+}

Backend/myserver/src/main/java/com/example/myserver/configs/SecurityConfiguration.java

@@ -0,0 +1,63 @@
+package com.example.myserver.configs;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.security.authentication.AuthenticationProvider;
+import org.springframework.security.config.annotation.web.builders.HttpSecurity;
+import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
+import org.springframework.security.config.http.SessionCreationPolicy;
+import org.springframework.security.web.SecurityFilterChain;
+import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;
+import org.springframework.web.cors.CorsConfiguration;
+import org.springframework.web.cors.CorsConfigurationSource;
+import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
+
+import java.util.List;
+
+@Configuration
+@EnableWebSecurity
+public class SecurityConfiguration {
+    private final AuthenticationProvider authenticationProvider;
+    private final JwtAuthenticationFilter jwtAuthenticationFilter;
+
+    public SecurityConfiguration(
+        JwtAuthenticationFilter jwtAuthenticationFilter,
+        AuthenticationProvider authenticationProvider
+    ) {
+        this.authenticationProvider = authenticationProvider;
+        this.jwtAuthenticationFilter = jwtAuthenticationFilter;
+    }
+
+    @Bean
+    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
+        http.csrf()
+                .disable()
+                .authorizeHttpRequests()
+                .requestMatchers("/api/**")
+                .permitAll()
+                .anyRequest()
+                .authenticated()
+                .and()
+                .sessionManagement()
+                .sessionCreationPolicy(SessionCreationPolicy.STATELESS)
+                .and()
+                .authenticationProvider(authenticationProvider)
+                .addFilterBefore(jwtAuthenticationFilter, UsernamePasswordAuthenticationFilter.class);
+
+        return http.build();
+    }
+
+    @Bean
+    CorsConfigurationSource corsConfigurationSource() {
+        CorsConfiguration configuration = new CorsConfiguration();
+
+        configuration.setAllowedOrigins(List.of("*"));
+        configuration.setAllowedMethods(List.of("GET","PUT","DELETE","POST"));
+        configuration.setAllowedHeaders(List.of("Authorization","Content-Type"));
+
+        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
+
+        source.registerCorsConfiguration("/**",configuration);
+
+        return source;
+    }
+}

Backend/myserver/src/main/java/com/example/myserver/controllers/AuthController.java

@@ -0,0 +1,58 @@
+package com.example.myserver.controllers;
+
+import org.springframework.web.bind.annotation.RestController;
+
+import com.example.myserver.dtos.LoginUserDto;
+import com.example.myserver.dtos.RegisterUserDto;
+import com.example.myserver.models.User;
+import com.example.myserver.responses.LoginResponse;
+import com.example.myserver.services.AuthenticationService;
+import com.example.myserver.services.JwtService;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+
+@RequestMapping("/api")
+@RestController
+public class AuthController {
+   
+    private final JwtService jwtService;
+    private AuthenticationService authenticationService;
+
+    public AuthController(JwtService jwtService,AuthenticationService authenticationService){
+        this.jwtService=jwtService;
+        this.authenticationService=authenticationService;
+    }
+
+    @GetMapping("/test")
+    public String teString(@RequestParam String param) {
+        return new String();
+    }
+    
+    @PostMapping("/login")
+    public ResponseEntity<LoginResponse> LoginController(@RequestBody LoginUserDto entity) {
+
+        User authenticatedUser=authenticationService.authenticate(entity);
+        String jwtToken=jwtService.generateToken(authenticatedUser);
+        
+        LoginResponse loginResponse=new LoginResponse().setToken(jwtToken).setExpiresIn(jwtService.getExpirtationTime());
+        return ResponseEntity.ok(loginResponse);
+    }
+    
+    @PostMapping("/signup")
+    public ResponseEntity<User> register(@RequestBody RegisterUserDto entity) {
+        User registeredUser=authenticationService.signUp(entity);
+
+        
+        return ResponseEntity.ok(registeredUser);
+    }
+    
+
+    
+}

Backend/myserver/src/main/java/com/example/myserver/dtos/LoginUserDto.java

@@ -0,0 +1,25 @@
+package com.example.myserver.dtos;
+
+
+public class LoginUserDto {
+        private String email;
+        private String password;
+    
+        public String getEmail() {
+            return email;
+        }
+    
+        public void setEmail(String email) {
+            this.email = email;
+        }
+    
+        public String getPassword() {
+            return password;
+        }
+    
+        public void setPassword(String password) {
+            this.password = password;
+        }
+    }
+    
+

Backend/myserver/src/main/java/com/example/myserver/dtos/RegisterUserDto.java

@@ -0,0 +1,46 @@
+package com.example.myserver.dtos;
+
+public class RegisterUserDto {
+ 
+    private String email;
+    private String password;
+    private String firstname;
+    private String lastname;
+
+    public String getEmail() {
+        return email;
+    }
+
+    public RegisterUserDto setEmail(String email) {
+        this.email = email;
+        return this;
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    public RegisterUserDto setPassword(String password) {
+        this.password = password;
+        return this;
+
+    }
+
+    public String getFirstname() {
+        return firstname;
+    }
+
+    public RegisterUserDto setFirstname(String firstname) {
+        this.firstname = firstname;
+        return this;
+    }
+
+    public String getLastname() {
+        return lastname;
+    }
+
+    public RegisterUserDto setLastname(String lastname) {
+        this.lastname = lastname;
+        return this;
+    }
+}

Backend/myserver/src/main/java/com/example/myserver/models/User.java

@@ -0,0 +1,128 @@
+package com.example.myserver.models;
+import java.time.LocalDateTime;
+import java.util.Collection;
+import java.util.Date;
+import java.util.List;
+
+import org.hibernate.annotations.CreationTimestamp;
+import org.hibernate.annotations.UpdateTimestamp;
+import org.springframework.security.core.GrantedAuthority;
+import org.springframework.security.core.userdetails.UserDetails;
+
+import jakarta.persistence.*;
+
+@Table(name = "users")
+@Entity
+public class User implements UserDetails {
+    
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(nullable = false)
+    private Integer id;
+
+    @Column(nullable = false)
+    private String username;
+
+    /*
+    
+   //Optional feature might add later
+
+    @Column(name = "verification_code")
+    private String verificationCode;
+
+    @Column(name ="verification_expiry")
+    private LocalDateTime verificationExpiry;
+
+    */
+
+    @Column(unique = true, nullable = false)
+    private String email;
+
+    @Column(nullable = false)
+    private String password;
+
+    
+    
+    public User(){
+    }
+
+    public User(String firstname,String lastname,String email,String password){
+        this.username=firstname+lastname;
+        this.email=email;
+        this.password=password;
+    }
+
+
+    @CreationTimestamp
+    @Column(updatable = false, name = "created_at")
+    private Date createdAt;
+
+    
+
+    @Override
+    public Collection<? extends GrantedAuthority> getAuthorities(){
+        return List.of();
+    }
+
+    public String getPassword() {
+        return password;
+    }
+
+    @Override
+    public String getUsername() {
+        return email;
+    }
+
+    @Override
+    public boolean isAccountNonExpired() {
+        return true;
+    }
+
+    @Override
+    public boolean isAccountNonLocked() {
+        return true;
+    }
+
+    @Override
+    public boolean isCredentialsNonExpired() {
+        return true;
+    }
+
+    @Override
+    public boolean isEnabled() {
+        return true;
+    }
+    public Integer getId() {
+        return id;
+    }
+
+    public void setId(Integer id) {
+        this.id = id;
+    }
+
+    
+
+    public void setFullname(String firstname,String lastname) {
+        this.username=firstname+lastname;
+    }
+
+    public String getFullname(String firstname,String lastname){
+        return this.username;
+    }
+
+    public void setEmail(String email) {
+        this.email = email;
+    }
+
+    public void setPassword(String password) {
+        this.password = password;
+    }
+
+    public Date getCreatedAt() {
+        return createdAt;
+    }
+
+    public void setCreatedAt(Date createdAt) {
+        this.createdAt = createdAt;
+    }
+}

Backend/myserver/src/main/java/com/example/myserver/repositories/UserRepository.java

@@ -0,0 +1,13 @@
+package com.example.myserver.repositories;
+import java.util.Optional;
+
+import org.springframework.data.repository.CrudRepository;
+import com.example.myserver.models.User;
+public interface UserRepository extends CrudRepository<User,Integer> {
+    Optional<User> findByEmail(String email);
+    /*
+    // might use later
+     Optional<User> findByVerificationCode(String verificationCode);
+     */
+
+}

Backend/myserver/src/main/java/com/example/myserver/responses/LoginResponse.java

@@ -0,0 +1,25 @@
+package com.example.myserver.responses;
+
+
+public class LoginResponse {
+    private String token;
+    private long expiresIn;
+
+    public String getToken() {
+        return token;
+    }
+
+    public LoginResponse setToken(String token) {
+        this.token = token;
+        return this;
+    }
+
+    public long getExpiresIn() {
+        return expiresIn;
+    }
+
+    public LoginResponse setExpiresIn(long expiresIn) {
+        this.expiresIn = expiresIn;
+        return this;
+    }
+}

Backend/myserver/src/main/java/com/example/myserver/services/AuthenticationService.java

@@ -0,0 +1,45 @@
+package com.example.myserver.services;
+
+import org.springframework.security.authentication.AuthenticationManager;
+import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
+import org.springframework.security.crypto.password.PasswordEncoder;
+import org.springframework.stereotype.Service;
+
+import com.example.myserver.dtos.LoginUserDto;
+import com.example.myserver.dtos.RegisterUserDto;
+import com.example.myserver.models.User;
+import com.example.myserver.repositories.UserRepository;
+
+@Service
+public class AuthenticationService {
+    
+    private final UserRepository userRepository;
+    private final PasswordEncoder passwordEncoder;
+    private final AuthenticationManager authenticationManager;
+
+    public AuthenticationService( UserRepository userRepository, AuthenticationManager authenticationManager , PasswordEncoder passwordEncoder){
+        this.userRepository=userRepository;
+        this.passwordEncoder=passwordEncoder;
+        this.authenticationManager=authenticationManager;
+    }
+
+    public User signUp(RegisterUserDto inputuser){
+        User user=new User(inputuser.getFirstname(),inputuser.getLastname(),inputuser.getEmail(),passwordEncoder.encode(inputuser.getPassword()));
+        /*
+        User user = new User()
+        .setFullname(inputuser.getFirstname(),inputuser.getLastname())
+        .setEmail(inputuser.getEmail())
+        .setPassword(passwordEncoder.encode(inputuser.getPassword()));
+        */
+
+        return userRepository.save(user) ;
+    }
+
+    public User authenticate(LoginUserDto inputuser){
+        authenticationManager.authenticate(new UsernamePasswordAuthenticationToken(inputuser.getEmail()
+                                            , inputuser.getPassword()));
+        return userRepository.findByEmail(inputuser.getEmail()).orElseThrow();
+
+    }
+
+}

Backend/myserver/src/main/java/com/example/myserver/services/JwtService.java

@@ -0,0 +1,83 @@
+package com.example.myserver.services;
+
+import java.security.Key;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.function.Function;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.security.core.userdetails.UserDetails;
+import org.springframework.stereotype.Service;
+
+import io.jsonwebtoken.Claims;
+import io.jsonwebtoken.Jwts;
+import io.jsonwebtoken.SignatureAlgorithm;
+import io.jsonwebtoken.io.Decoders;
+import io.jsonwebtoken.security.Keys;
+
+@Service
+public class JwtService {
+    @Value("${security.jwt.secret-key}")
+    private String secretKey;
+    
+    @Value("${security.jwt.expiration-time}")
+    private long jwtExpiration;
+
+    public String extractUsername(String token){
+        return extractClaim(token,Claims::getSubject);
+    }
+
+    public <T> T extractClaim(String token,Function<Claims,T> claimsResolver){
+        final Claims claims=extractAllClaims(token);
+        return claimsResolver.apply(claims);
+
+    }
+
+    public String generateToken(UserDetails userDetails) {
+        return generateToken(new HashMap<>(), userDetails);
+    }
+
+    public String generateToken(Map<String, Object> extraClaims, UserDetails userDetails) {
+        return buildToken(extraClaims, userDetails, jwtExpiration);
+    }
+
+    public long getExpirtationTime(){
+        return jwtExpiration;
+    }
+    private String buildToken(Map<String,Object> extraClaims,UserDetails userDetails,long expiration){
+
+        return  Jwts.builder().setClaims(extraClaims).setSubject(userDetails.getUsername())
+                    .setIssuedAt(new Date(System.currentTimeMillis()))
+                    .setExpiration(new Date(System.currentTimeMillis() + expiration))
+                    .signWith(getSignInKey(), SignatureAlgorithm.HS256)
+                    .compact();
+    }
+    
+    public boolean isTokenValid(String token, UserDetails userDetails) {
+        final String username = extractUsername(token);
+        return (username.equals(userDetails.getUsername())) && !isTokenExpired(token);
+    }
+
+    private boolean isTokenExpired(String token) {
+        return extractExpiration(token).before(new Date());
+    }
+
+    private Date extractExpiration(String token) {
+        return extractClaim(token, Claims::getExpiration);
+    }
+
+    private Claims extractAllClaims(String token) {
+        return Jwts
+                .parserBuilder()
+                .setSigningKey(getSignInKey())
+                .build()
+                .parseClaimsJws(token)
+                .getBody();
+    }
+
+    private Key getSignInKey() {
+        byte[] keyBytes = Decoders.BASE64.decode(secretKey);
+        return Keys.hmacShaKeyFor(keyBytes);
+    }
+}

Backend/myserver/src/main/resources/application.properties

@@ -0,0 +1,14 @@
+#  spring.autoconfigure.exclude=org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration
+
+server.port=8081
+
+security.jwt.secret-key=3cfa76ef14937c1c0ea519f8fc057a80fcd04a7420f8e8bcd0a7567c272e007b
+security.jwt.expiration-time=3600000
+
+spring.datasource.url=jdbc:mysql://localhost:3306/drive?useSSL=false&serverTimezone=UTC
+spring.datasource.username=root
+spring.datasource.password=sqlsys
+
+spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
+spring.jpa.hibernate.ddl-auto=update
+spring.jpa.open-in-view=false

Backend/myserver/src/test/java/com/example/myserver/MyserverApplicationTests.java

@@ -0,0 +1,13 @@
+package com.example.myserver;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class MyserverApplicationTests {
+
+	@Test
+	void contextLoads() {
+	}
+
+}

Frontend/.env

@@ -1 +0,0 @@
-VITE_API_URL=http://192.168.29.61:8081

Frontend/.gitignore

@@ -1,25 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-package-lock.json
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

Frontend/eslint.config.js

@@ -1,38 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import react from 'eslint-plugin-react'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-
-export default [
-  { ignores: ['dist'] },
-  {
-    files: ['**/*.{js,jsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
-      },
-    },
-    settings: { react: { version: '18.3' } },
-    plugins: {
-      react,
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...js.configs.recommended.rules,
-      ...react.configs.recommended.rules,
-      ...react.configs['jsx-runtime'].rules,
-      ...reactHooks.configs.recommended.rules,
-      'react/jsx-no-target-blank': 'off',
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-]

Frontend/index.html

@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/image.png" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link href="/src/styles.css" rel="stylesheet">
-  <link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css" rel="stylesheet" />
-
-  <title>Skycrate</title>
-
-</head>
-
-<body>
-  <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
-
-  <div id="root"></div>
-  <script type="module" src="/src/main.jsx"></script>
-</body>
-
-</html>

Frontend/package.json

@@ -1,39 +0,0 @@
-{
-  "name": "Skycrate",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@reduxjs/toolkit": "^2.6.0",
-    "@tailwindcss/vite": "^4.0.9",
-    "axios": "^1.8.4",
-    "lucide-react": "^0.476.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hot-toast": "^2.5.2",
-    "react-icons": "^5.5.0",
-    "react-redux": "^9.2.0",
-    "react-router-dom": "^7.2.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.21.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.21.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
-    "postcss": "^8.5.3",
-    "tailwindcss": "^4.0.9",
-    "vite": "^6.2.0"
-  }
-}

Frontend/src/App.jsx

@@ -1,23 +0,0 @@
-import "./App.css";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import Login from "./pages/Authentication/Login";
-import SignUp from "./pages/Authentication/SignUp";
-import DrivethruLandingPage from "./pages/UserPages/DrivethruLandingPage";
-import Dashboard from "./pages/UserPages/Dashboard";
-import NotFoundPage from "./pages/UserPages/NotFoundPage";
-
-function App() {
-  return (
-    <Router>
-      <Routes>
-        <Route path="/" element={<DrivethruLandingPage />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/signup" element={<SignUp />} />
-        <Route path="/Dashboard" element={<Dashboard />} />
-        <Route path="*" element={<NotFoundPage />} />
-      </Routes>
-    </Router>
-  );
-}
-
-export default App;

Frontend/src/components/FileList.jsx

@@ -1,251 +0,0 @@
-import { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import { useDispatch, useSelector } from "react-redux";
-import { setCurrentPath } from "../store/pathSlice";
-import {
-  FileText,
-  FileVideo,
-  FileImage,
-  FileAudio,
-  FileArchive,
-  FileSpreadsheet,
-  FileType2,
-  FileCode2,
-  Presentation,
-  Folder,
-  Download,
-  Trash2,
-  ArrowLeft,
-} from "lucide-react";
-
-const API_URL = import.meta.env.VITE_API_URL || "http://localhost:8080";
-
-const FileTable = ({ initialPath }) => {
-  // Read username dynamically to avoid stale null on first load
-  const username = localStorage.getItem("username") || "";
-  const userRoot = `/${username}`;
-
-  // Initialize currentPath only once with the correct userRoot
-  const [currentPath, setCurrentPathState] = useState(
-    () => initialPath || userRoot
-  );
-  const [files, setFiles] = useState([]);
-  const dispatch = useDispatch();
-  const isUploading = useSelector((state) => state.upload.isUploading);
-
-  const getType = (entry) =>
-    entry.trim().startsWith("📁") ? "Folder" : "File";
-  const getName = (entry) => entry.trim().replace(/^📁\s*|^📄\s*/, "");
-  const isFile = (entry) => getType(entry) === "File";
-
-  const getIcon = (name, type) => {
-    if (type === "Folder")
-      return <Folder className="text-yellow-500 w-5 h-5 mr-2" />;
-
-    const ext = name.split(".").pop().toLowerCase();
-    switch (ext) {
-      case "txt":
-        return <FileText className="text-gray-700 w-5 h-5 mr-2" />;
-      case "mp4":
-      case "mkv":
-        return <FileVideo className="text-purple-500 w-5 h-5 mr-2" />;
-      case "jpg":
-      case "jpeg":
-      case "png":
-      case "gif":
-        return <FileImage className="text-pink-500 w-5 h-5 mr-2" />;
-      case "mp3":
-      case "wav":
-        return <FileAudio className="text-indigo-500 w-5 h-5 mr-2" />;
-      case "zip":
-      case "rar":
-      case "tar":
-      case "gz":
-        return <FileArchive className="text-red-500 w-5 h-5 mr-2" />;
-      case "csv":
-      case "xls":
-      case "xlsx":
-        return <FileSpreadsheet className="text-green-500 w-5 h-5 mr-2" />;
-      case "ppt":
-      case "pptx":
-        return <Presentation className="text-orange-500 w-5 h-5 mr-2" />;
-      case "js":
-      case "html":
-      case "css":
-      case "java":
-      case "py":
-      case "cpp":
-        return <FileCode2 className="text-blue-500 w-5 h-5 mr-2" />;
-      default:
-        return <FileType2 className="text-gray-500 w-5 h-5 mr-2" />;
-    }
-  };
-
-  const fetchFiles = async () => {
-    try {
-      const res = await fetch(
-        `${API_URL}/api/hdfs/listFiles?hdfsPath=${encodeURIComponent(
-          currentPath
-        )}`
-      );
-      const data = await res.json();
-      const filtered = data.filter(
-        (entry) => entry.match(/^ */)[0].length === 0
-      );
-      setFiles(filtered);
-    } catch (err) {
-      console.error("Failed to fetch files:", err);
-      setFiles([]);
-    }
-  };
-
-  const deleteFileOrFolder = async (name, type, e) => {
-    e.stopPropagation();
-    try {
-      const hdfsPath = `${currentPath}/${name}`;
-      const endpoint =
-        type === "File"
-          ? `${API_URL}/api/hdfs/deleteFile?hdfsPath=${encodeURIComponent(
-              hdfsPath
-            )}`
-          : `${API_URL}/api/hdfs/deleteFolder?hdfsPath=${encodeURIComponent(
-              hdfsPath
-            )}`;
-
-      const resp = await fetch(endpoint, { method: "DELETE" });
-      if (!resp.ok) console.error("Deletion failed:", await resp.text());
-      fetchFiles();
-    } catch (err) {
-      console.error("Failed to delete:", err);
-    }
-  };
-
-  useEffect(() => {
-    dispatch(setCurrentPath(currentPath));
-    fetchFiles();
-  }, [currentPath, dispatch, isUploading]);
-
-  const handleOpenFolder = (folderName) => {
-    setCurrentPathState((prev) => `${prev}/${folderName}`);
-  };
-
-  const goBack = () => {
-    if (currentPath === userRoot) return;
-    const parts = currentPath.split("/").filter(Boolean);
-    parts.pop();
-    setCurrentPathState(parts.length === 0 ? userRoot : `/${parts.join("/")}`);
-  };
-
-  const handleFileDownload = async (hdfsPath, name, event) => {
-    event.stopPropagation();
-    try {
-      const authToken = localStorage.getItem("token");
-      const response = await fetch(
-        `${API_URL}/api/hdfs/downloadFile?hdfsEncPath=${encodeURIComponent(
-          hdfsPath
-        )}&localPath=${name}&username=${username}`,
-        {
-          method: "POST",
-          headers: { Authorization: `Bearer ${authToken}` },
-        }
-      );
-
-      if (!response.ok) throw new Error(await response.text());
-      const blob = await response.blob();
-      const url = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = name;
-      document.body.appendChild(link);
-      link.click();
-      link.remove();
-      window.URL.revokeObjectURL(url);
-      fetchFiles();
-    } catch (error) {
-      console.error("Download failed:", error);
-      alert("Something went wrong while downloading the file.");
-    }
-  };
-
-  return (
-    <div className="relative overflow-x-auto rounded-2xl shadow-lg border border-blue-200">
-      <div className="flex items-center justify-between px-6 py-4 bg-blue-100 text-black font-semibold text-sm">
-        <span className="truncate max-w-[80%]">Path: {currentPath}</span>
-        {currentPath !== userRoot && (
-          <button
-            onClick={goBack}
-            className="flex items-center gap-1 text-blue-600 hover:underline text-sm"
-          >
-            <ArrowLeft className="w-4 h-4" />
-            Go Back
-          </button>
-        )}
-      </div>
-
-      <table className="w-full text-sm text-left text-black">
-        <thead className="text-xs uppercase bg-blue-50 text-blue-800 border-b border-blue-200">
-          <tr>
-            <th className="px-6 py-3">Name</th>
-            <th className="px-6 py-3">Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          {files.length === 0 ? (
-            <tr>
-              <td colSpan="2" className="px-6 py-4 text-gray-500 text-center">
-                No files found.
-              </td>
-            </tr>
-          ) : (
-            files.map((entry, idx) => {
-              const name = getName(entry);
-              const type = getType(entry);
-              const hdfsPath = `${currentPath}/${name}`;
-
-              return (
-                <tr
-                  key={idx}
-                  onClick={
-                    type === "Folder" ? () => handleOpenFolder(name) : undefined
-                  }
-                  className={`even:bg-blue-50 odd:bg-white border-b border-blue-100 transition hover:bg-blue-100 ${
-                    type === "Folder" ? "cursor-pointer" : ""
-                  }`}
-                >
-                  <td className="px-6 py-4 font-medium flex items-center">
-                    {getIcon(name, type)}
-                    {name}
-                  </td>
-                  <td className="px-6 py-4 space-x-3">
-                    {isFile(entry) && (
-                      <button
-                        onClick={(e) => handleFileDownload(hdfsPath, name, e)}
-                        className="text-blue-600 hover:underline inline-flex items-center"
-                      >
-                        <Download className="w-4 h-4 mr-1" />
-                        Download
-                      </button>
-                    )}
-                    <button
-                      onClick={(e) => deleteFileOrFolder(name, type, e)}
-                      className="text-red-600 hover:underline inline-flex items-center"
-                    >
-                      <Trash2 className="w-4 h-4 mr-1" />
-                      Delete
-                    </button>
-                  </td>
-                </tr>
-              );
-            })
-          )}
-        </tbody>
-      </table>
-    </div>
-  );
-};
-
-FileTable.propTypes = {
-  initialPath: PropTypes.string,
-};
-
-export default FileTable;

Frontend/src/components/FileUploadModal.jsx

@@ -1,190 +0,0 @@
-import { useState, useEffect } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import PropTypes from "prop-types";
-import { setIsUploading } from "../store/UploadStatusSlice";
-
-const FileUploadModal = ({ show, onClose, onUploadSuccess }) => {
-  const currentPath = useSelector((state) => state.path.currentPath);
-  const dispatch = useDispatch();
-  const [file, setFile] = useState(null);
-  const [uploading, setUploading] = useState(false);
-  const [uploadMessage, setUploadMessage] = useState("");
-  const [newFolderName, setNewFolderName] = useState("");
-  const [creatingFolder, setCreatingFolder] = useState(false);
-  const [folderMessage, setFolderMessage] = useState("");
-  const username = localStorage.getItem("username");
-  const API_URL = import.meta.env.VITE_API_URL;
-
-  useEffect(() => {
-    const handleEsc = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", handleEsc);
-
-    return () => document.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
-
-  const isFolderNameValid = (name) => {
-    return /^[a-zA-Z0-9-_ ]+$/.test(name); // disallow special chars like / \ * ? etc.
-  };
-
-  const uploadFileToHDFS = async () => {
-    if (!file) {
-      setUploadMessage("⚠️ Please select a file before uploading.");
-      return;
-    }
-    const formData = new FormData();
-
-    formData.append("file", file);
-    formData.append("hdfsPath", currentPath);
-    formData.append("uploadedFileName", file.name);
-    formData.append("username", username);
-
-    try {
-      setUploading(true);
-      setUploadMessage("⏳ Uploading file...");
-      const response = await fetch(`${API_URL}/api/hdfs/uploadFile`, {
-        method: "POST",
-        body: formData,
-      });
-      if (!response.ok) {
-        const errorText = await response.text();
-        setUploadMessage(`❌ Upload failed: ${errorText}`);
-      } else {
-        setUploadMessage("✅ File uploaded successfully!");
-        dispatch(setIsUploading(true)); // Dispatch the action to set isUploading to true
-        onUploadSuccess(); // Call the onUploadSuccess prop to notify the parent
-        setTimeout(() => {
-          setUploadMessage("");
-          onClose();
-        }, 1000);
-      }
-    } catch (err) {
-      console.error(err);
-      setUploadMessage("❌ An error occurred during upload.");
-    } finally {
-      setUploading(false);
-    }
-  };
-
-  const createFolder = async () => {
-    if (!newFolderName.trim()) {
-      setFolderMessage("⚠️ Please enter a folder name.");
-      return;
-    }
-    if (!isFolderNameValid(newFolderName.trim())) {
-      setFolderMessage("❌ Folder name contains invalid characters.");
-      return;
-    }
-
-    try {
-      setCreatingFolder(true);
-      setFolderMessage("⏳ Creating folder...");
-      const folderPath =
-        currentPath === "/" ? "" : currentPath.replace(/\/$/, "");
-      const newFolderPath = `${folderPath}/${newFolderName}`;
-      console.log(newFolderPath);
-      const response = await fetch(
-        `${API_URL}/api/hdfs/createFolder?hdfsPath=${newFolderPath}`,
-        { method: "POST" }
-      );
-
-      if (!response.ok) {
-        const errorText = await response.text();
-        setFolderMessage(`❌ Folder creation failed: ${errorText}`);
-      } else {
-        setFolderMessage("✅ Folder created successfully!");
-        dispatch(setIsUploading(true)); // Dispatch the action to set isUploading to true
-        onUploadSuccess(currentPath); // Call the onUploadSuccess prop after folder creation too
-        setNewFolderName("");
-        setTimeout(() => {
-          setFolderMessage("");
-          onClose();
-        }, 1000);
-      }
-    } catch (err) {
-      console.error(err);
-      setFolderMessage("❌ An error occurred during folder creation.");
-    } finally {
-      setCreatingFolder(false);
-    }
-  };
-
-  if (!show) return null;
-
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center">
-      <div className="absolute inset-0 bg-black opacity-40" onClick={onClose} />
-      <div className="relative bg-white rounded-2xl shadow-xl w-full max-w-lg mx-4">
-        <div className="flex items-center justify-between px-6 py-4 border-b">
-          <h2 className="text-xl font-semibold text-gray-800">Manage HDFS</h2>
-          <button
-            onClick={onClose}
-            className="text-gray-600 hover:text-gray-900"
-          >
-            ✕
-          </button>
-        </div>
-        <div className="p-6 space-y-8">
-          {/* File Upload Section */}
-          <div className="bg-gray-50 p-4 rounded-lg shadow-inner">
-            <h3 className="text-lg font-medium text-gray-700 mb-3">
-              Upload File
-            </h3>
-            <input
-              type="file"
-              onChange={(e) => setFile(e.target.files[0])}
-              className="w-full mb-3 text-sm text-gray-600 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100"
-            />
-            {file && (
-              <p className="text-sm text-gray-700 mb-2">
-                Selected file: <strong>{file.name}</strong>
-              </p>
-            )}
-            {uploadMessage && (
-              <p className="text-sm text-gray-600 mb-3">{uploadMessage}</p>
-            )}
-            <button
-              onClick={uploadFileToHDFS}
-              disabled={uploading}
-              className="w-full py-2 rounded-lg bg-blue-600 text-white font-medium hover:bg-blue-700 disabled:opacity-50"
-            >
-              {uploading ? "⏳ Uploading..." : "Upload File"}
-            </button>
-          </div>
-
-          {/* Create Folder Section */}
-          <div className="bg-gray-50 p-4 rounded-lg shadow-inner">
-            <h3 className="text-lg font-medium text-gray-700 mb-3">
-              Create Folder
-            </h3>
-            <input
-              type="text"
-              placeholder="Folder name"
-              value={newFolderName}
-              onChange={(e) => setNewFolderName(e.target.value)}
-              className="w-full mb-3 px-3 py-2 border border-gray-300 rounded-lg placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-200"
-            />
-            {folderMessage && (
-              <p className="text-sm text-gray-600 mb-3">{folderMessage}</p>
-            )}
-            <button
-              onClick={createFolder}
-              disabled={creatingFolder}
-              className="w-full py-2 rounded-lg bg-green-600 text-white font-medium hover:bg-green-700 disabled:opacity-50"
-            >
-              {creatingFolder ? "⏳ Creating..." : "Create Folder"}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-FileUploadModal.propTypes = {
-  show: PropTypes.bool.isRequired,
-  onClose: PropTypes.func.isRequired,
-  onUploadSuccess: PropTypes.func.isRequired,
-};
-
-export default FileUploadModal;

Frontend/src/components/Footer.jsx

@@ -1,188 +0,0 @@
-import { useState } from "react";
-import {
-  Facebook,
-  Twitter,
-  Instagram,
-  Linkedin,
-  Mail,
-  Phone,
-  MapPin,
-} from "lucide-react";
-
-const Footer = () => {
-  const [email, setEmail] = useState("");
-
-  //Currently storing user email in localstorage
-  const handleSubscribe = () => {
-    if (email.trim() !== "") {
-      localStorage.setItem("subscribedEmail", email);
-      alert("You have successfully subscribed!");
-      setEmail("");
-    }
-  };
-
-  return (
-    <footer className="bg-gradient-to-r from-[#4a7cbd] via-[#5b4fd3] to-[#9377ff] w-full pt-16 pb-8">
-      <div className="container mx-auto px-6">
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
-          <div className="space-y-4">
-            <div className="flex items-center">
-              <div className="text-white mr-3">
-                <svg
-                  className="w-10 h-10"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M12 2L2 12L12 22L22 12L12 2Z"
-                    stroke="currentColor"
-                    strokeWidth="3"
-                    fill="none"
-                  />
-                </svg>
-              </div>
-              <h3 className="text-2xl font-bold text-white">Skycrate</h3>
-            </div>
-            <p className="text-white/90">
-              Your secure cloud storage solution for all your digital needs.
-            </p>
-            <div className="flex space-x-4">
-              <a
-                href="https://facebook.com"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Facebook className="w-5 h-5 text-white cursor-pointer hover:text-cyan-200 transition-all duration-200 transform hover:scale-110" />
-              </a>
-              <a
-                href="https://twitter.com"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Twitter className="w-5 h-5 text-white cursor-pointer hover:text-cyan-200 transition-all duration-200 transform hover:scale-110" />
-              </a>
-              <a
-                href="https://instagram.com"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Instagram className="w-5 h-5 text-white cursor-pointer hover:text-cyan-200 transition-all duration-200 transform hover:scale-110" />
-              </a>
-              <a
-                href="https://linkedin.com"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <Linkedin className="w-5 h-5 text-white cursor-pointer hover:text-cyan-200 transition-all duration-200 transform hover:scale-110" />
-              </a>
-            </div>
-          </div>
-
-          {/* Quick Links */}
-          <div>
-            <h4 className="font-semibold text-white mb-4">Quick Links</h4>
-            <ul className="space-y-2">
-              <li>
-                <a
-                  href="#about"
-                  className="text-white/90 hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-                >
-                  About Us
-                </a>
-              </li>
-              <li>
-                <a
-                  href="#features"
-                  className="text-white/90 hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-                >
-                  Features
-                </a>
-              </li>
-              <li>
-                <a
-                  href="#howItWorks"
-                  className="text-white/90 hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-                >
-                  How It Works
-                </a>
-              </li>
-            </ul>
-          </div>
-
-          {/* Contact Info */}
-          <div>
-            <h4 className="font-semibold text-white mb-4">Contact</h4>
-            <ul className="space-y-2">
-              <li className="flex items-center text-white/90 hover:text-white group transition-colors duration-200">
-                <Mail className="w-4 h-4 mr-2 group-hover:text-cyan-200" />
-                support@drivethru.com
-              </li>
-              <li className="flex items-center text-white/90 hover:text-white group transition-colors duration-200">
-                <Phone className="w-4 h-4 mr-2 group-hover:text-cyan-200" />
-                +91 3628206234
-              </li>
-              <li className="flex items-center text-white/90 hover:text-white group transition-colors duration-200">
-                <MapPin className="w-4 h-4 mr-2 group-hover:text-cyan-200" />
-                123 Cloud Street, Digital City
-              </li>
-            </ul>
-          </div>
-
-          {/* Newsletter */}
-          <div>
-            <h4 className="font-semibold text-white mb-4">Stay Updated</h4>
-            <p className="text-white/90 mb-4">
-              Get exclusive tips, updates on new features, and special offers
-              directly in your inbox.
-            </p>
-            <div className="space-y-4">
-              <input
-                type="email"
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                placeholder="Enter your email"
-                className="w-full px-4 py-2 rounded-md bg-white/10 border border-white/20 text-white placeholder:text-white/50 focus:bg-white/20 transition-all duration-200 outline-none focus:ring-2 focus:ring-white/30"
-              />
-              <button
-                onClick={handleSubscribe}
-                className="w-full px-4 py-2 rounded-md bg-white text-blue-600 font-medium hover:bg-opacity-90 transition-all duration-200 transform hover:scale-105"
-              >
-                Subscribe to Newsletter
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <div className="h-px w-full bg-white/20 my-8" />
-
-        {/* Bottom Section */}
-        <div className="flex flex-col md:flex-row justify-between items-center text-white/90 text-sm">
-          <p>© {new Date().getFullYear()} Skycrate. All rights reserved.</p>
-          <div className="flex gap-4 mt-4 md:mt-0">
-            <a
-              href="#"
-              className="hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-            >
-              Privacy Policy
-            </a>
-            <a
-              href="#"
-              className="hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-            >
-              Terms of Service
-            </a>
-            <a
-              href="#"
-              className="hover:text-white transition-all duration-200 hover:translate-x-1 inline-block"
-            >
-              Cookie Policy
-            </a>
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
-};
-
-export default Footer;

Frontend/src/components/Sidebar.jsx

@@ -1,153 +0,0 @@
-import { useState, useEffect, useRef } from "react";
-import { Link, useNavigate } from "react-router-dom";
-import { toast } from "react-hot-toast";
-
-const Sidebar = () => {
-  const navigate = useNavigate(); // Hook for programmatic navigation
-  const [userMenuOpen, setUserMenuOpen] = useState(false);
-  const menuRef = useRef();
-
-  // Show loading toast and perform logout
-  const handleLogout = () => {
-    const loadingToast = toast.loading("Logging out...");
-
-    // Simulate a delay (for example, network request)
-    setTimeout(() => {
-      // Remove the token from localStorage
-      localStorage.removeItem("token");
-      localStorage.removeItem("username");
-      localStorage.removeItem("expiresIn");
-
-      // Redirect user to the homepage
-      navigate("/");
-
-      // Show success toast after logout
-      toast.update(loadingToast, {
-        render: "Logged out successfully!",
-        type: "success",
-        isLoading: false,
-        autoClose: 2000,
-      });
-    }, 1500);
-  };
-
-  // Close dropdown on outside click
-  useEffect(() => {
-    const handleClickOutside = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setUserMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-
-  return (
-    <>
-      <nav className="fixed top-0 z-50 h-[60px] w-full bg-white border-b border-gray-200">
-        <div className="p-[15px] h-full lg:px-5 lg:pl-3 flex items-center justify-between">
-          {/* Left Section - Logo & Toggle */}
-          <div className="flex items-center">
-            <button
-              data-drawer-target="logo-sidebar"
-              data-drawer-toggle="logo-sidebar"
-              aria-controls="logo-sidebar"
-              type="button"
-              className="inline-flex items-center p-2 text-lg text-white rounded-lg sm:hidden hover:bg-[#37A0EA] focus:outline-none"
-            >
-              <span className="sr-only">Open sidebar</span>
-              <svg className="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
-                <path
-                  clipRule="evenodd"
-                  fillRule="evenodd"
-                  d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"
-                />
-              </svg>
-            </button>
-            <Link to="/" className="flex ms-2 md:me-24">
-              <img src="./image.png" className="h-8 me-3" alt="Skycrate Logo" />
-              <span className="self-center text-xl font-semibold sm:text-2xl whitespace-nowrap">
-                Skycrate
-              </span>
-            </Link>
-          </div>
-
-          {/* Right Section - Search & User Menu */}
-          <div className="flex items-center">
-            {/* Search Bar */}
-            <div className="flex items-center justify-end mr-40"></div>
-
-            {/* User Profile & Dropdown */}
-            <div className="relative ms-3">
-              <button
-                type="button"
-                onClick={() => setUserMenuOpen((o) => !o)}
-                className="flex text-lg bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300"
-              >
-                <span className="sr-only">Open user menu</span>
-                <img
-                  className="w-8 h-8 rounded-full"
-                  src="https://flowbite.com/docs/images/people/profile-picture-5.jpg"
-                  alt="User Photo"
-                />
-              </button>
-
-              {userMenuOpen && (
-                <div
-                  ref={menuRef}
-                  className="z-50 absolute right-0 mt-2 w-48 bg-[#1877F2] divide-y divide-gray-100 rounded-sm shadow-sm"
-                >
-                  <div className="px-4 py-3" role="none">
-                    <p className="text-lg text-white" role="none">
-                      {localStorage.getItem("username")}
-                    </p>
-                  </div>
-                  <ul className="py-1" role="none">
-                    <li>
-                      <button
-                        onClick={handleLogout}
-                        className="w-full text-left px-4 py-2 text-lg text-white hover:bg-[#37A0EA]"
-                        role="menuitem"
-                      >
-                        Log out
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </nav>
-
-      <aside
-        id="logo-sidebar"
-        className="fixed top-0 left-0 z-40 w-64 h-screen pt-[60px] transition-transform -translate-x-full bg-[#1877F2] border-r border-gray-200 sm:translate-x-0"
-        aria-label="Sidebar"
-      >
-        <div className="h-full px-3 pb-4 overflow-y-auto bg-[#1877F2] custom-scrollbar">
-          <ul className="space-y-2 font-medium">
-            <li>
-              <Link
-                to="#"
-                className="flex items-center p-2 mt-5 pt-4 pb-4 text-white rounded-lg hover:bg-[#37A0EA] group"
-              >
-                <svg
-                  className="w-5 h-5"
-                  viewBox="0 0 24 24"
-                  fill="currentColor"
-                >
-                  <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2 9.19 8.62 2 9.24l5.46 4.73L5.82 21z" />
-                </svg>
-                <span className="ms-3">Starred</span>
-              </Link>
-            </li>
-            {/* ...additional sidebar items... */}
-          </ul>
-        </div>
-      </aside>
-    </>
-  );
-};
-
-export default Sidebar;

Frontend/src/index.css

@@ -1,28 +0,0 @@
-@import "tailwindcss";
-
-/* For WebKit-based browsers */
-.custom-scrollbar::-webkit-scrollbar {
-  width: 15px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-track {
-  background: transparent;
-  /* or a color of your choice */
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb {
-  background-color: #a0aec0;
-  /* Customize thumb color */
-  border-radius: 4px;
-  border: 2px solid transparent;
-  /* Optional: creates padding around thumb */
-  background-clip: content-box;
-}
-
-/* For Firefox */
-.custom-scrollbar {
-  scrollbar-width: auto;
-  /* "auto" or "thin" */
-  scrollbar-color: #37A0EA transparent;
-  /* thumb and track colors */
-}

Frontend/src/main.jsx

@@ -1,16 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.jsx";
-import { Provider } from "react-redux";
-import { store } from "./store/store";
-
-const container = document.getElementById("root");
-const root = createRoot(container);
-root.render(
-  <StrictMode>
-    <Provider store={store}>
-      <App />
-    </Provider>
-  </StrictMode>
-);

Frontend/src/pages/Authentication/Login.jsx

@@ -1,154 +0,0 @@
-import { useState, useEffect } from "react";
-import { FiEye, FiEyeOff } from "react-icons/fi";
-import { Link, useNavigate } from "react-router-dom";
-import toast from "react-hot-toast"; // Import React Hot Toast
-
-const API_URL = import.meta.env.VITE_API_URL; // Using .env variable
-
-const Login = () => {
-  const [showPassword, setShowPassword] = useState(false);
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [loading, setLoading] = useState(false);
-  const navigate = useNavigate(); // For navigation
-
-  useEffect(() => {
-    // Check if token is present in localStorage and redirect to Dashboard
-    if (localStorage.getItem("token")) {
-      navigate("/dashboard"); // Redirect to Dashboard
-    }
-  }, [navigate]);
-
-  const togglePassword = () => {
-    setShowPassword(!showPassword);
-  };
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setLoading(true);
-
-    // Show loading toast
-    const toastId = toast.loading("Logging in...");
-
-    try {
-      const response = await fetch(`${API_URL}/api/login`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          email,
-          password,
-        }),
-      });
-
-      const data = await response.json();
-
-      // Dismiss the loading toast after the response
-      toast.dismiss(toastId);
-
-      if (response.ok) {
-        // On success, store the token in localStorage
-        localStorage.setItem("token", data.token);
-        localStorage.setItem("expiresIn", data.expiresIn);
-        fetch(`${API_URL}/api/hdfs/getUsernameByEmail?email=${email}`)
-          .then((response) => response.text())
-          .then((username) => {
-            localStorage.setItem("username", username);
-          })
-          .catch((error) => {
-            console.error("Error fetching username:", error);
-          });
-
-        // Show success toast
-        toast.success("Login successful!");
-
-        // Redirect to Dashboard
-        navigate("/dashboard");
-      } else {
-        // Show error toast if login fails
-        toast.error(data.message || "Login failed.");
-      }
-    } catch (error) {
-      // Dismiss the loading toast and show error
-      toast.dismiss(toastId);
-      toast.error("An error occurred. Please try again.", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="min-h-screen bg-gray-100 flex items-center justify-center p-4">
-      <div className="w-full max-w-md bg-white rounded-4xl shadow-lg p-8">
-        <h1 className="text-2xl font-bold mb-6 text-gray-900 text-center">
-          Log in
-        </h1>
-
-        <form onSubmit={handleSubmit}>
-          <div className="mb-4">
-            <div className="flex items-center">
-              <input
-                type="email"
-                id="email"
-                placeholder="Enter your email"
-                className="w-full border border-gray-300 rounded-l-lg px-4 py-4 focus:outline-none focus:border-blue-500"
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                required
-              />
-            </div>
-          </div>
-          <div className="mb-1">
-            <div className="relative">
-              <input
-                type={showPassword ? "text" : "password"}
-                id="password"
-                placeholder="Enter your password"
-                className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:border-blue-500 pr-10"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                required
-              />
-              <button
-                type="button"
-                onClick={togglePassword}
-                className="absolute right-2 top-4 text-2xl text-gray-500 hover:text-gray-700"
-              >
-                {showPassword ? <FiEyeOff /> : <FiEye />}
-              </button>
-            </div>
-          </div>
-          <div className="mb-6 ">
-            <Link
-              to="#!"
-              className="text-sm text-blue-600 hover:underline inline-block"
-            >
-              Forgot password?
-            </Link>
-          </div>
-          <button
-            type="submit"
-            disabled={loading}
-            className="w-full py-3 bg-gradient-to-r from-[#1877F2] to-[#0E458C] hover:from-[#0E458C] hover:to-[#1877F2] text-white font-semibold rounded-full shadow-md transition duration-300"
-          >
-            {loading ? "Logging In..." : "Login"}
-          </button>
-        </form>
-        <div className="text-center mt-6">
-          <p className="text-gray-700">
-            Don’t have an account?{" "}
-            <Link
-              to="/signup"
-              className="text-emerald-500 hover:underline font-medium"
-            >
-              Sign up
-            </Link>
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Login;

Frontend/src/pages/Authentication/SignUp.jsx

@@ -1,191 +0,0 @@
-import { useState } from "react";
-import { FiEye, FiEyeOff } from "react-icons/fi";
-import { Link, useNavigate } from "react-router-dom";
-import toast, { Toaster } from "react-hot-toast";
-
-const API_URL = import.meta.env.VITE_API_URL;
-
-const SignUp = () => {
-  const navigate = useNavigate();
-
-  const [formData, setFormData] = useState({
-    firstname: "",
-    lastname: "",
-    email: "",
-    password: "",
-    confirmPassword: "",
-  });
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-  const [loading, setLoading] = useState(false);
-
-  const handleChange = (e) => {
-    setFormData((prev) => ({
-      ...prev,
-      [e.target.name]: e.target.value,
-    }));
-  };
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-
-    if (formData.password !== formData.confirmPassword) {
-      toast.error("Passwords do not match.");
-      return;
-    }
-
-    setLoading(true);
-    const toastId = toast.loading("Registering...");
-
-    try {
-      // 1️⃣ Sign up the user
-      const signupRes = await fetch(`${API_URL}/api/signup`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          firstname: formData.firstname,
-          lastname: formData.lastname,
-          email: formData.email,
-          password: formData.password,
-        }),
-      });
-      const signupData = await signupRes.json();
-
-      if (!signupRes.ok) {
-        toast.error(signupData.message || "Signup failed.", { id: toastId });
-        return;
-      }
-
-      // 2️⃣ Build username and create HDFS folder
-      const username =
-        `${formData.firstname}${formData.lastname}`.toLowerCase();
-      const folderRes = await fetch(
-        `${API_URL}/api/hdfs/createFolder?hdfsPath=/${username}`,
-        { method: "POST" }
-      );
-
-      if (!folderRes.ok) {
-        // you might choose to roll back user creation or just notify
-        toast.error("Failed to create user folder.", { id: toastId });
-      } else {
-        toast.success("Successfully registered and folder created!", {
-          id: toastId,
-        });
-      }
-
-      // 3️⃣ Redirect to login after a short delay
-      setTimeout(() => {
-        navigate("/login");
-      }, 1500);
-    } catch (error) {
-      console.error(error);
-      toast.error("An error occurred. Please try again.", { id: toastId });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <div className="min-h-screen bg-gray-100 flex items-center justify-center p-6">
-      <Toaster position="top-right" />
-      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-8">
-        <h1 className="text-2xl font-bold text-gray-900 mb-6">Sign Up</h1>
-        <form className="space-y-4" onSubmit={handleSubmit}>
-          <input
-            type="text"
-            name="firstname"
-            placeholder="First Name"
-            value={formData.firstname}
-            onChange={handleChange}
-            className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:ring-2 focus:ring-blue-500"
-            required
-          />
-          <input
-            type="text"
-            name="lastname"
-            placeholder="Last Name"
-            value={formData.lastname}
-            onChange={handleChange}
-            className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:ring-2 focus:ring-blue-500"
-            required
-          />
-          <input
-            type="email"
-            name="email"
-            placeholder="Enter your email"
-            value={formData.email}
-            onChange={handleChange}
-            className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:ring-2 focus:ring-blue-500"
-            required
-          />
-
-          {/* Password Field */}
-          <div className="relative">
-            <input
-              type={showPassword ? "text" : "password"}
-              name="password"
-              placeholder="Enter your password"
-              value={formData.password}
-              onChange={handleChange}
-              className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:ring-2 focus:ring-blue-500 pr-10"
-              required
-            />
-            <button
-              type="button"
-              onClick={() => setShowPassword((v) => !v)}
-              className="absolute right-3 top-4 text-2xl text-gray-500 hover:text-gray-700"
-            >
-              {showPassword ? <FiEyeOff /> : <FiEye />}
-            </button>
-          </div>
-
-          {/* Confirm Password Field */}
-          <div className="relative">
-            <input
-              type={showConfirmPassword ? "text" : "password"}
-              name="confirmPassword"
-              placeholder="Confirm your password"
-              value={formData.confirmPassword}
-              onChange={handleChange}
-              className="w-full border border-gray-300 rounded-lg px-4 py-4 focus:outline-none focus:ring-2 focus:ring-blue-500 pr-10"
-              required
-            />
-            <button
-              type="button"
-              onClick={() => setShowConfirmPassword((v) => !v)}
-              className="absolute right-3 top-4 text-2xl text-gray-500 hover:text-gray-700"
-            >
-              {showConfirmPassword ? <FiEyeOff /> : <FiEye />}
-            </button>
-          </div>
-
-          {/* Sign Up Button */}
-          <button
-            type="submit"
-            disabled={loading}
-            className={`w-full mt-4 py-3 ${
-              loading
-                ? "bg-gray-400 cursor-not-allowed"
-                : "bg-gradient-to-r from-[#10B981] to-[#07533A] hover:from-[#0E458C] hover:to-[#1877F2]"
-            } text-white font-semibold rounded-lg shadow-md transition duration-300`}
-          >
-            {loading ? "Signing Up..." : "Sign Up"}
-          </button>
-        </form>
-
-        {/* Redirect to Login */}
-        <p className="text-center mt-4 text-gray-700">
-          Already have an account?{" "}
-          <Link
-            to="/login"
-            className="text-blue-500 hover:underline font-medium"
-          >
-            Login
-          </Link>
-        </p>
-      </div>
-    </div>
-  );
-};
-
-export default SignUp;

Frontend/src/pages/UserPages/Dashboard.jsx

@@ -1,86 +0,0 @@
-import { useState, useEffect } from "react";
-import { useNavigate } from "react-router-dom";
-import Sidebar from "../../components/Sidebar";
-import FileList from "../../components/FileList";
-import FileUploadModal from "../../components/FileUploadModal";
-import { FiPlus } from "react-icons/fi";
-
-const Dashboard = () => {
-  const [files, setFiles] = useState([]);
-  const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
-  const [error, setError] = useState("");
-  const navigate = useNavigate();
-  const API_URL = import.meta.env.VITE_API_URL;
-  const isUserLoggedIn = () => {
-    const token = localStorage.getItem("token");
-    const username = localStorage.getItem("username");
-    const expiresIn = localStorage.getItem("expiresIn");
-
-    if (!token || !username || !expiresIn) return false;
-
-    const expiryTime = new Date(expiresIn).getTime();
-    const now = new Date().getTime();
-
-    if (now > expiryTime) {
-      localStorage.clear();
-      return false;
-    }
-
-    return true;
-  };
-
-  const fetchFiles = async () => {
-    try {
-      const response = await fetch(`${API_URL}/api/hdfs/listFiles?hdfsPath=/`);
-      const data = await response.json();
-      setFiles(data);
-    } catch (error) {
-      console.error("Failed to fetch files:", error);
-      setError("Failed to load files. Please try again later.");
-    }
-  };
-
-  useEffect(() => {
-    if (!isUserLoggedIn()) {
-      navigate("/login");
-    } else {
-      fetchFiles();
-    }
-  }, [navigate]);
-
-  return (
-    <>
-      <Sidebar />
-      <div className="p-4 sm:ml-64">
-        <div className="p-4 border-2 border-gray-200 border-dashed rounded-lg mt-14">
-          <div className="w-full flex justify-between items-center">
-            <h1 className="text-2xl font-bold mb-4">Dashboard</h1>
-            <button
-              onClick={() => setIsUploadModalOpen(true)}
-              className="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 text-center"
-              type="button"
-            >
-              <FiPlus className="text-2xl" />
-            </button>
-          </div>
-          {error ? (
-            <p className="text-red-500">{error}</p>
-          ) : (
-            <FileList files={files} />
-          )}
-        </div>
-      </div>
-
-      <FileUploadModal
-        show={isUploadModalOpen}
-        onClose={() => setIsUploadModalOpen(false)}
-        onUploadSuccess={() => {
-          fetchFiles();
-          setIsUploadModalOpen(false);
-        }}
-      />
-    </>
-  );
-};
-
-export default Dashboard;

Frontend/src/pages/UserPages/DrivethruLandingPage.jsx

@@ -1,376 +0,0 @@
-import Footer from "../../components/Footer";
-import React from "react";
-import { useState, useEffect } from "react";
-import { Link } from "react-router-dom";
-
-const DrivethruLandingPage = () => {
-  const features = [
-    {
-      title: "Easy Upload & Access",
-      description: "Drag & drop, instant access.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Secure & Private",
-      description: "End-to-end encryption.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Seamless Sharing",
-      description: "Share files with one click.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Access Anywhere",
-      description: "Works on all devices.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h.5A2.5 2.5 0 0020 5.5v-1.65"
-          />
-        </svg>
-      ),
-    },
-  ];
-
-  const howItWorks = [
-    {
-      title: "Create an account",
-      description: "Sign up in seconds.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Upload files",
-      description: "Drag & drop or select from your device.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Manage files",
-      description: "Rename, move, or delete easily.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-          />
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-          />
-        </svg>
-      ),
-    },
-    {
-      title: "Access anytime",
-      description: "Open files from any device.",
-      icon: (
-        <svg
-          className="w-6 h-6"
-          fill="none"
-          stroke="currentColor"
-          viewBox="0 0 24 24"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="2"
-            d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-          />
-        </svg>
-      ),
-    },
-  ];
-
-  // UseEffect and handle....click function to handle set and handle the animation of features..
-  const [activeIndex, setActiveIndex] = useState(0);
-  const [isPaused, setIsPaused] = useState(false);
-
-  useEffect(() => {
-    if (!isPaused) {
-      const interval = setInterval(() => {
-        setActiveIndex((prevIndex) => (prevIndex + 1) % features.length);
-      }, 3000);
-      return () => clearInterval(interval);
-    }
-  }, [isPaused, features.length]);
-
-  // Handle user interaction
-  const handleFeatureClick = (index) => {
-    setActiveIndex(index);
-    setIsPaused(true);
-    setTimeout(() => setIsPaused(false), 1000);
-  };
-
-  const [activeIndex1, setActiveIndex1] = useState(0);
-  const [isPaused1, setIsPaused1] = useState(false);
-
-  useEffect(() => {
-    if (!isPaused1) {
-      const interval = setInterval(() => {
-        setActiveIndex1((prevIndex) => (prevIndex + 1) % howItWorks.length);
-      }, 3000);
-      return () => clearInterval(interval);
-    }
-  }, [isPaused1, howItWorks.length]);
-
-  const handleFeatureClick1 = (index) => {
-    setActiveIndex1(index);
-    setIsPaused1(true);
-    setTimeout(() => setIsPaused1(false), 1000);
-  };
-
-  return (
-    <div className="min-h-screen overflow-x-hidden bg-white">
-      {/* Hero Section */}
-      <div
-        id="about"
-        className="bg-gradient-to-r from-blue-50 to-white min-h-[90vh] flex items-center relative"
-      >
-        <div className="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
-          <div className="flex flex-col md:flex-row items-center gap-8 lg:gap-12">
-            {/* Left Side - Text Content */}
-            <div className="w-full  md:w-1/2 text-center md:text-left order-1 md:order-1">
-              <div className="flex justify-center md:justify-start items-center mb-6 lg:mb-8">
-                <div className="text-cyan-400 mr-2 md:mr-3">
-                  <svg
-                    className="w-10 md:w-12 h-10 md:h-12"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M12 2L2 12L12 22L22 12L12 2Z"
-                      stroke="currentColor"
-                      strokeWidth="3"
-                      fill="none"
-                    />
-                  </svg>
-                </div>
-                <h1 className="text-4xl md:text-5xl font-bold text-black">
-                  Skycrate
-                </h1>
-              </div>
-
-              <h2 className="text-xl md:text-2xl font-bold mb-4 md:mb-6 text-black">
-                Store, Access & Share Your Files — Anytime, Anywhere!
-              </h2>
-
-              <p className="text-gray-800 mb-6 md:mb-10 text-base md:text-lg">
-                A simple, secure, and fast cloud storage solution for all your
-                files. Upload, organize, and access with ease.
-              </p>
-
-              {/* Buttons */}
-              <div className="flex flex-col sm:flex-row justify-center md:justify-start space-y-4 sm:space-y-0 sm:space-x-4">
-                <Link
-                  to="/signup"
-                  className="bg-emerald-500 hover:bg-emerald-600 text-white font-medium rounded-full px-6 py-4 md:px-8 md:py-6 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl"
-                >
-                  Get Started
-                </Link>
-                <Link
-                  to="/login"
-                  className="bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-full px-6 py-4 md:px-8 md:py-6 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl"
-                >
-                  Login
-                </Link>
-              </div>
-            </div>
-            {/* Right Side - Image */}
-            <div className="w-full md:w-1/2 flex justify-center order-2 md:order-1">
-              <div className="relative p-4 bg-gradient-to-r from-blue-50 to-emerald-50 rounded-2xl max-w-xs sm:max-w-lg md:max-w-md lg:max-w-lvh">
-                <img
-                  src="/Dashboard.png"
-                  alt="Skycrate Dashboard Interface"
-                  className="w-full rounded-xl shadow-2xl transition-shadow duration-300"
-                />
-                <div className="absolute inset-0 bg-gradient-to-r from-blue-500/5 to-emerald-500/5 rounded-2xl pointer-events-none"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Features Section */}
-      <div
-        id="features"
-        className="w-full max-w-5xl  mx-auto p-6 sm:p-8 bg-gray-100 rounded-lg shadow-lg"
-      >
-        <h2 className="text-3xl font-bold text-center mb-8">Key Features</h2>
-        <div className="flex flex-col-reverse md:flex-row items-center gap-8 lg:gap-12">
-          {/* Left Side - Image */}
-          <div className="w-full md:w-1/2 flex justify-center">
-            <img
-              src="/He.png"
-              alt="Feature Illustration"
-              className="w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg object-contain rounded-lg shadow-md"
-            />
-          </div>
-
-          {/* Right Side - Feature List */}
-          <div className="w-full md:w-1/2">
-            <div className="space-y-6">
-              {features.map((feature, index) => (
-                <div
-                  key={index}
-                  className={`p-5 border-2 rounded-lg cursor-pointer transition-all duration-500 ${
-                    index === activeIndex
-                      ? "border-blue-500 bg-white shadow-lg scale-105"
-                      : "border-gray-300"
-                  }`}
-                  onClick={() => handleFeatureClick(index)}
-                >
-                  <div className="flex items-center space-x-4">
-                    {feature.icon}
-                    <h3 className="text-lg font-semibold">{feature.title}</h3>
-                  </div>
-                  {index === activeIndex && (
-                    <p className="text-gray-600 mt-3 transition-opacity duration-500 opacity-100">
-                      {feature.description}
-                    </p>
-                  )}
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* How It Works Section */}
-      <div
-        id="howItWorks"
-        className="w-full max-w-5xl mx-auto p-6 sm:p-8 bg-gray-100 rounded-lg shadow-lg"
-      >
-        <h2 className="text-3xl font-bold text-center mb-8">How It Works</h2>
-        <div className="flex flex-col md:flex-row items-center gap-8 lg:gap-12">
-          {/* Left Side - Feature List */}
-          <div className="w-full md:w-1/2">
-            <div className="space-y-6">
-              {howItWorks.map((howItWork, index) => (
-                <div
-                  key={index}
-                  className={`p-5 border-2 rounded-lg cursor-pointer transition-all duration-500 ${
-                    index === activeIndex1
-                      ? "border-blue-500 bg-white shadow-lg scale-105"
-                      : "border-gray-300"
-                  }`}
-                  onClick={() => handleFeatureClick1(index)}
-                >
-                  <div className="flex items-center space-x-4">
-                    {howItWork.icon}
-                    <h3 className="text-lg font-semibold">{howItWork.title}</h3>
-                  </div>
-                  {index === activeIndex1 && (
-                    <p className="text-gray-600 mt-3 transition-opacity duration-500 opacity-100">
-                      {howItWork.description}
-                    </p>
-                  )}
-                </div>
-              ))}
-            </div>
-          </div>
-
-          {/* Right Side - Image */}
-          <div className="w-full md:w-1/2 flex justify-center">
-            <img
-              src="/She.png"
-              alt="Feature Illustration"
-              className="w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg object-contain rounded-lg shadow-md"
-            />
-          </div>
-        </div>
-      </div>
-
-      <Footer />
-    </div>
-  );
-};
-
-export default DrivethruLandingPage;

Frontend/src/pages/UserPages/NotFoundPage.jsx

@@ -1,32 +0,0 @@
-import { Link } from "react-router-dom";
-
-const NotFoundPage = () => {
-  return (
-    <div className="flex flex-col items-center justify-center h-screen bg-gray-100 p-4">
-      {/* Placeholder SVG - Replace this with your SVG */}
-      <img
-        src="/404.png"
-        style={{ width: "30%", height: "auto" }}
-        alt="404 Not Found"
-      ></img>
-      {/* Page number and title */}
-      <h2 className="text-2xl font-bold mb-4 mt-4">Page Not Found</h2>
-
-      {/* Description text */}
-      <p className="text-center text-gray-700 mb-6">
-        Sorry, we couldn&apos;t find the page you were looking for. It may have
-        been moved or deleted.
-      </p>
-
-      {/* Call-to-action button */}
-      <Link
-        to="/"
-        className="px-6 py-2 bg-[#1877F2] text-white rounded hover:bg-blue-600 transition duration-200"
-      >
-        Go Home
-      </Link>
-    </div>
-  );
-};
-
-export default NotFoundPage;

Frontend/src/store/UploadStatusSlice.js

@@ -1,18 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit";
-
-const initialState = {
-  isUploading: false,
-};
-
-const uploadStatusSlice = createSlice({
-  name: "uploadStatus",
-  initialState,
-  reducers: {
-    setIsUploading: (state) => {
-      state.isUploading = !state.isUploading;
-    },
-  },
-});
-
-export const { setIsUploading } = uploadStatusSlice.actions;
-export default uploadStatusSlice.reducer;

Frontend/src/store/pathSlice.js

@@ -1,19 +0,0 @@
-// src/redux/pathSlice.js
-import { createSlice } from "@reduxjs/toolkit";
-
-const initialState = {
-  currentPath: "/",
-};
-
-const pathSlice = createSlice({
-  name: "path",
-  initialState,
-  reducers: {
-    setCurrentPath: (state, action) => {
-      state.currentPath = action.payload;
-    },
-  },
-});
-
-export const { setCurrentPath } = pathSlice.actions;
-export default pathSlice.reducer;

Frontend/src/store/store.js

@@ -1,11 +0,0 @@
-// src/redux/store.js
-import { configureStore } from "@reduxjs/toolkit";
-import pathReducer from "./pathSlice";
-import setIsUploadingReducer from "./UploadStatusSlice";
-
-export const store = configureStore({
-  reducer: {
-    path: pathReducer,
-    upload: setIsUploadingReducer,
-  },
-});

Frontend/vite.config.js

@@ -1,16 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    react(),
-    tailwindcss(),
-  ],
-  server: {
-    host: 'localhost', 
-    port: 5173,
-  },
-})
-

README.md

@@ -1,5 +1,6 @@
-# Skycrate
+# CC-MINI (2025)
+
+`backend` branch is intended only for pushing backend files within the [Backend](Backend/) folder.
 
 ---
 
-⚠️⚠️ The `frontend` branch has been locked since all changes have been successfully merged into the `main` branch. Please create a new feature branch derived from the `main` branch and submit a pull request for your changes. ⚠️⚠️