Merge branch 'issue#428#2782' of github.com:AbrarFaizMohammed/fronten…

…d into issue#428#2782

Dockerfile

@@ -0,0 +1,15 @@
+FROM nginx:alpine
+
+RUN apk update \ 
+    && apk add --no-cache nodejs npm \
+    && rm -rf /var/cache/apk/**
+
+WORKDIR /app
+
+COPY . /app
+
+RUN npm install
+
+EXPOSE 80 
+
+CMD ["npm", "start"]

Jenkinsfile

@@ -0,0 +1,53 @@
+pipeline {
+  agent any {
+    tools {
+      nodejs 'node19'
+    }
+    environment {
+      SCANNER_HOME = tool 'sonar-scanner'
+    }
+    stages {
+      stage('Git Checkout') {
+        steps {
+          git branch: 'main', url: 'https://github.com/Curtis-Thomas/free-api-list-with-react.git'
+        }
+      }
+      stage('Quality Gate') {
+        steps {
+          script {
+            waitForQualityGate abortPipeline: false, credentialsId: 'Sonar-token'
+          }
+        }
+      }
+      stage('OWASP File Security Scan') {
+        steps {
+          script {
+            dependencyCheck additionalArguments: '', odcInstallation: 'DP-Check'
+          }
+        }
+      }
+      stage('Trivy File System Scan') {
+        steps {
+          sh 'trivy fs .'
+        }
+      }
+      stage('Docker Build and Push') {
+        steps {
+          script {
+            withDockerRegistry(credentialsId: 'docker') {
+              sh 'docker build -t dockerusername:latest .'
+              sh 'docker tag dockerusername/latest repotag/swoc:latest'
+              // Consider merging or removing this line
+              sh 'docker push repotag/swoc:latest'
+            }
+          }
+        }
+      }
+      stage('Deploy to Container') {
+        steps {
+          sh 'docker run -d -p 80:80  dockerusername/swoc:latest'
+        }
+      }
+    }
+  }
+}

README.md

@@ -3,7 +3,7 @@
 This is a repository for the front end of the Software Aids project. 👋 The Aim of this project is to make it extremely easy for people around the world to create and build web pages/content.
 
 ## Setup 🎯
-To avoid the stress, If you know; That your intentions are purely to use this software and not necessarily to contribute, Visit http://kwickerhub.com and begin using the software. It is safe, simple, and less stressful.
+To avoid the stress, If you know; That your intentions are purely to use this software and not necessarily to contribute, Visit https://roynek.com/kwickerhub/WebCraftifyAI/ and begin using the software. It is safe, simple, and less stressful.
 
 But if you want to contribute, please follow the steps below.
 

assets/css/aboutus.css

@@ -2,133 +2,118 @@
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
-b{
+b {
     font-size: 40px;
 }
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap');
-*{
-	margin:0px;
-	padding:0px;
+* {
+	margin:0;
+	padding:0;
 	box-sizing: border-box;
-	font-family: 'Poppins', sans-serif;
+	font-family: Poppins, sans-serif;
 }
-.section{
+.section {
 	width: 100%;
 	/* min-height: 110vh; */
 	background-color: #ddd;
 	display: inline-block;
 }
-.container{
+.container {
 	width: 80%;
 	display: block;
 	margin:auto;
 	padding-top: 100px;
 }
-.content-section{
+.content-section {
 	float: left;
 	width: 55%;
 }
-.image-section{
+.image-section {
 	float: right;
 	width: 40%;
 }
-.image-section img{
+.image-section img {
 	width: 100%;
 	height: auto;
 }
-.content-section .title{
+.content-section .title {
 	text-transform: uppercase;
 	font-size: 28px;
 }
-.content-section .content h3{
+.content-section .content h3 {
 	margin-top: 20px;
 	color:#5d5d5d;
 	font-size: 21px;
 }
-.content-section .content p{
+.content-section .content p {
 	margin-top: 10px;
 	font-family: sans-serif;
 	font-size: 18px;
 	line-height: 1.5;
 }
-.content-section .content .button{
+.content-section .content .button {
 	margin-top: 30px;
 }
-.content-section .content .button a{
+.content-section .content .button a {
 	background-color: #3d3d3d;
 	padding:12px 40px;
 	text-decoration: none;
 	color:#fff;
 	font-size: 25px;
 	letter-spacing: 1.5px;
 }
-.content-section .content .button a:hover{
+.content-section .content .button a:hover {
 	background-color: #a52a2a;
 	color:#fff;
 }
-.content-section .social{
-	/* margin: 40px 40px; */
-}
-.content-section .social i{
+/* .content-section .social{
+	margin: 40px 40px;
+} */
+.content-section .social i {
 	color:#a52a2a;
 	font-size: 30px;
-	padding:0px 10px;
+	padding:0 10px;
 }
-.content-section .social i:hover{
+.content-section .social i:hover {
 	color:#3d3d3d;
 }
-@media screen and (max-width: 768px){
-	.container{
+@media screen and (max-width: 768px) {
+	.container {
 	width: 80%;
 	display: block;
 	margin:auto;
 	padding-top:50px;
 }
-.content-section{
+.content-section {
 	float:none;
 	width:100%;
 	display: block;
 	margin:auto;
 }
-.image-section{
+.image-section {
 	float:none;
 	width:100%;
 
 }
-.image-section img{
+.image-section img {
 	width: 100%;
 	height: auto;
 	display: block;
 	margin:auto;
 }
-.content-section .title{
+.content-section .title {
 	text-align: center;
 	font-size: 19px;
     margin-top: -8rem;
 }
-.content-section .content .button{
+.content-section .content .button {
 	text-align: center;
 }
-.content-section .content .button a{
+.content-section .content .button a {
 	padding:9px 30px;
 }
-.content-section .social{
+.content-section .social {
 	text-align: center;
 }
 
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}

assets/css/dashboard.css

@@ -21,13 +21,11 @@ html {
   padding-bottom: 2px;
   cursor: pointer;
 }
-
 .the_top_bar span {
   padding: 1px;
 }
-
 .the_content_arena {
-  /*margin-top: 12vh;*/
+  /* margin-top: 12vh; */
   margin-bottom: 70px;
   /* overflow-y: scroll; */
   min-height: 340px;
@@ -80,7 +78,7 @@ html {
 
 /* Handle on hover */
 .the_left_bar::-webkit-scrollbar-thumb:hover {
-  background: rgb(132, 131, 211);
+  background: rgb(132 131 211);
 }
 .the_left_bar:hover {
   overflow: scroll;
@@ -116,7 +114,7 @@ html {
 
 /* Handle on hover */
 .the_right_bar::-webkit-scrollbar-thumb:hover {
-  background: rgb(132, 131, 211);
+  background: rgb(132 131 211);
 }
 .the_right_bar:hover {
   overflow: scroll;
@@ -219,7 +217,7 @@ html {
 /* Track */
 .the_dev_body::-webkit-scrollbar-track {
   background: #f1f1f1;
-  box-shadow: inset 0 0 5px rgba(185, 98, 15, 0.582);
+  box-shadow: inset 0 0 5px rgba(185, 98, 15, 58.2%);
   padding: 2px;
   border-radius: 10px;
 }
@@ -617,7 +615,7 @@ html {
 /* Track */
 .the_icon_headings::-webkit-scrollbar-track {
   background: #f1f1f1;
-  box-shadow: inset 0 0 5px rgba(185, 98, 15, 0.582);
+  box-shadow: inset 0 0 5px rgba(185 98 15 58.2%);
   padding: 2px;
   border-radius: 10px;
 }
@@ -710,7 +708,7 @@ html {
 /* Track */
 .the_adders_headings::-webkit-scrollbar-track {
   background: #f1f1f1;
-  box-shadow: inset 0 0 5px rgba(185, 98, 15, 0.582);
+  box-shadow: inset 0 0 5px rgba(185 98 15 58.2%);
   padding: 2px;
   border-radius: 10px;
 }

assets/css/help.css

@@ -1,4 +1,4 @@
-/*jumbotron-------------------------------------------*/
+/* jumbotron------------------------------------------- */
 .jumbotron {
     padding-top: 30px;
     padding-bottom: 30px;
@@ -32,13 +32,11 @@
       font-weight: 500;
       line-height: 1.3;
     }
-    a,
-    li {
+    a, li {
       text-decoration: none;
       list-style: none;
     }
-    p,
-    span {
+    p, span {
       font-weight: 300;
       font-size: clamp(0.8rem, 4vw, 1.4rem);
     }