Project re-structure.

README.md

@@ -42,10 +42,10 @@ This is the final result of the project :
 [![Watch the project's video](https://img.youtube.com/vi/MCtNSq67pv8/maxresdefault.jpg)](https://youtu.be/MCtNSq67pv8)
 
 ### Screenshots <a id = "images"></a>
-![First render](./front_end/assets/render/render_1.png)
-![Second render](./front_end/assets/render/render_2.png)
-![Third render](./front_end/assets/render/render_3.png)
-![Fourth render](./front_end/assets/render/render_4.png)
+![First render](./front_end/public/assets/render/render_1.png)
+![Second render](./front_end/public/assets/render/render_2.png)
+![Third render](./front_end/public/assets/render/render_3.png)
+![Fourth render](./front_end/public/assets/render/render_4.png)
 
 ## Project installation <a id = "install"></a>
 👉 If you want to get project sources code, make sure

back_end/database/features.sql

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The sql requests to handle records into the created tables.
 * @author: Obrymec - [email protected]
 * @created: 2022-02-03

back_end/database/tables.sql

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The sql requests to creates main tables.
 * @author: Obrymec - [email protected]
 * @created: 2022-02-03

back_end/sources/api.js

@@ -1,5 +1,5 @@
 /**
-* @project Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview The back-end controller to manage the client requests.
 * @author Obrymec - [email protected]
 * @file controller.js

back_end/sources/mail_sender.js

@@ -1,5 +1,5 @@
 /**
-* @project Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview The back-end module to send a gmail.
 * @author Obrymec - [email protected]
 * @file mail_sender.js

front_end/public/manifest.json

@@ -5,9 +5,9 @@
   "orientation": "portrait-primary",
   "id": "employeescontractsmanager",
   "background_color": "white",
+  "start_url": "./index.html",
   "display": "standalone",
   "theme_color": "white",
-  "start_url": ".",
   "lang": "en",
   "categories": [
     "contracts management",
@@ -20,91 +20,91 @@
   ],
   "screenshots": [
     {
-      "src": "../assets/render/render_4.png",
+      "src": "./assets/render/render_4.png",
       "type": "image/png",
       "sizes": "1366x768"
     },
     {
-      "src": "../assets/render/render_2.png",
+      "src": "./assets/render/render_2.png",
       "type": "image/png",
       "sizes": "1366x768"
     },
     {
-      "src": "../assets/render/render_1.png",
+      "src": "./assets/render/render_1.png",
       "form_factor": "wide",
       "type": "image/png",
       "sizes": "1366x768"
     },
     {
-      "src": "../assets/render/render_3.png",
+      "src": "./assets/render/render_3.png",
       "form_factor": "wide",
       "type": "image/png",
       "sizes": "1366x768"
     }
   ],
   "icons": [
     {
-      "src": "../assets/logos/logo-16.png",
+      "src": "./assets/logos/logo-16.png",
       "type": "image/png",
       "sizes": "16x16"
     },
     {
-      "src": "../assets/logos/logo-32.png",
+      "src": "./assets/logos/logo-32.png",
       "type": "image/png",
       "sizes": "32x32"
     },
     {
-      "src": "../assets/logos/logo-48.png",
+      "src": "./assets/logos/logo-48.png",
       "type": "image/png",
       "sizes": "48x48"
     },
     {
-      "src": "../assets/logos/logo-64.png",
+      "src": "./assets/logos/logo-64.png",
       "type": "image/png",
       "sizes": "64x64"
     },
     {
-      "src": "../assets/logos/logo-72.png",
+      "src": "./assets/logos/logo-72.png",
       "type": "image/png",
       "sizes": "72x72"
     },
     {
-      "src": "../assets/logos/logo-85.png",
+      "src": "./assets/logos/logo-85.png",
       "type": "image/png",
       "sizes": "85x85"
     },
     {
-      "src": "../assets/logos/logo-96.png",
+      "src": "./assets/logos/logo-96.png",
       "type": "image/png",
       "sizes": "96x96"
     },
     {
-      "src": "../assets/logos/logo-128.png",
+      "src": "./assets/logos/logo-128.png",
       "type": "image/png",
       "sizes": "128x128"
     },
     {
-      "src": "../assets/logos/logo-144.png",
+      "src": "./assets/logos/logo-144.png",
       "type": "image/png",
       "sizes": "144x144"
     },
     {
-      "src": "../assets/logos/logo-171.png",
+      "src": "./assets/logos/logo-171.png",
       "type": "image/png",
       "sizes": "171x171"
     },
     {
-      "src": "../assets/logos/logo-192.png",
+      "src": "./assets/logos/logo-192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "../assets/logos/logo-256.png",
+      "src": "./assets/logos/logo-256.png",
       "type": "image/png",
       "sizes": "256x256"
     },
     {
-      "src": "../assets/logos/logo-512.png",
+      "src": "./assets/logos/logo-512.png",
       "type": "image/png",
       "sizes": "512x512"
     }

front_end/public/generic.css → front_end/public/stylesheets/generic.css

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The main stylesheet of application.
 * @author: Obrymec - [email protected]
 * @created: 2022-02-03

front_end/public/msgbox.css → front_end/public/stylesheets/msgbox.css

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The message box theme stylesheet.
 * @author: Obrymec - [email protected]
 * @created: 2022-12-15

front_end/public/sign.css → front_end/public/stylesheets/sign.css

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The main stylesheet of application.
 * @author: Obrymec - [email protected]
 * @created: 2022-02-03

front_end/public/variables.css → front_end/public/stylesheets/variables.css

@@ -1,5 +1,5 @@
 /**
-* @project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project: Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview: The global variables for stylesheets.
 * @author: Obrymec - [email protected]
 * @created: 2022-12-15

front_end/sources/features/get_contract/employees_contract.html

@@ -1,10 +1,10 @@
 <!--
-	@project: Employees Contracts - https://employees-contracts-manager.onrender.com/
+	@project: Employees Contracts - https://employees-contracts-manager.onrender.com
 	@author: Obrymec - [email protected]
 	@fileoverview: The contracts of employees.
 	@file: employees_contract.html
 	@created: 2022-02-03
-	@updated: 2023-12-21
+	@updated: 2024-05-03
 	@supported: DESKTOP
 	@version: 0.0.2
 -->
@@ -16,24 +16,9 @@
 		<!--Title-->
 		<title>Employee(s) under contract</title>
 		<!--Loading the page style-->
-		<link
-			href = "./public/variables.css"
-			rel = "stylesheet"
-		/>
-		<link
-			href = "./public/generic.css"
-			rel = "stylesheet"
-		/>
-		<link
-			href = "./public/msgbox.css"
-			rel = "stylesheet"
-		/>
-		<!--Defined page charset: UTF-8-->
-		<meta
-			content = "width=device-width, initial-scale=1.0"
-			charset = "utf-8"
-			name = "viewport"
-		/>
+		<link href = "./public/stylesheets/variables.css" rel = "stylesheet"/>
+		<link href = "./public/stylesheets/generic.css" rel = "stylesheet"/>
+		<link href = "./public/stylesheets/msgbox.css" rel = "stylesheet"/>
 		<!--App favicon-->
 		<link
 			href = "./public/favicon.ico"
@@ -46,26 +31,11 @@
 			rel = "icon	"
 		/>
 		<!--PWA-->
-		<meta
-			name = "apple-mobile-web-status-bar"
-			content = "black"
-		/>
-		<link
-			href = "./assets/logos/logo-96.png"
-			rel = "apple-touch-icon"
-		/>
-		<meta
-			http-equiv = "X-UA-Compatible"
-			content = "id=edge"
-		/>
-		<link
-			href = "./public/manifest.json"
-			rel = "manifest"
-		/>
-		<meta
-			name = "theme-color"
-			content = "black"
-		/>
+		<link href = "./public/assets/logos/logo-96.png" rel = "apple-touch-icon"/>
+		<meta name = "apple-mobile-web-status-bar" content = "black"/>
+		<meta http-equiv = "X-UA-Compatible" content = "id=edge"/>
+		<link href = "./public/manifest.json" rel = "manifest"/>
+		<meta name = "theme-color" content = "black"/>
 		<!--Meta configurations-->
 		<meta property = "og:site_name" content = "Employees Contracts Manager"/>
 		<meta name = "twitter:image:alt" content = "The login page."/>
@@ -75,44 +45,37 @@
 		<meta property = "og:type" content = "article"/>
 		<meta property = "og:local" content = "en_US"/>
 		<meta
-			content = "https://employees-contracts-manager.onrender.com/assets/render/render_1.png"
-			name = "twitter:image"
+			content = "This small project is an academy project. It was developed with Native Web Development Languages."
+			name = "twitter:description"
 		/>
 		<meta
-			content = "https://employees-contracts-manager.onrender.com/assets/render/render_1.png"
-			property = "og:image"
+			content = "This small project is an academy project. It was developed with Native Web Development Languages."
+			property = "og:description"
 		/>
 		<meta
-			content = "https://employees-contracts-manager.onrender.com/"
-			property = "og:url"
+			content = "This small project is an academy project. It was developed with Native Web Development Languages."
+			name = "description"
 		/>
 		<meta
-			content = "https://employees-contracts-manager.onrender.com/"
-			name = "twitter:card"
+			content = "https://employees-contracts-manager.onrender.com/public/assets/render/render_1.png"
+			name = "twitter:image"
 		/>
 		<meta
-			name = "twitter:description"
-			content = "
-				This small project is an academy
-				project. It was developed with
-				Native Web Development Languages.
-			"
+			content = "https://employees-contracts-manager.onrender.com/public/assets/render/render_1.png"
+			property = "og:image"
 		/>
 		<meta
-			property = "og:description"
-			content = "
-				This small project is an academy
-				project. It was developed with
-				Native Web Development Languages.
-			"
+			content = "https://employees-contracts-manager.onrender.com"
+			property = "og:url"
 		/>
 		<meta
-			name = "description"
-			content = "
-				This small project is an academy
-				project. It was developed with
-				Native Web Development Languages.
-			"
+			content = "https://employees-contracts-manager.onrender.com"
+			name = "twitter:card"
+		/>
+		<meta
+			content = "width=device-width, initial-scale=1.0"
+			charset = "utf-8"
+			name = "viewport"
 		/>
 	</head>
 	<!--Page body content-->

front_end/sources/features/get_contract/employees_contract.js

@@ -1,5 +1,5 @@
 /**
-* @project Employees Contracts - https://employees-contracts-manager.onrender.com/
+* @project Employees Contracts - https://employees-contracts-manager.onrender.com
 * @fileoverview The controller to fetch employees that have a contract.
 * @author Obrymec - [email protected]
 * @file employees_contract.js