wsdfs

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "private": true,
   "dependencies": {
     "@faceless-ui/slider": "^1.1.14",

frontend/src/App.js

@@ -107,7 +107,7 @@ function App() {
             />
           }
         />
-        <Route exact path="/portfolio" element={<Portfolio   />} />
+        <Route exact path="/portfolio" element={<Portfolio   />}/>
         <Route exact path="/casestudybi" element={<CaseStudyBI />} />
         <Route exact path="/casestudystrata" element={<CaseStudyStrata />} />
         <Route exact path="/casestudyfinancial" element={<CaseStudyFinantial />} />

frontend/src/components/shared/ClientForm.jsx

@@ -30,7 +30,7 @@ export default function ClientForm() {
     .max(50, "First name too long").required('First Name is Required'),
     lastName: Yup.string().min(2, "Last name too short")
     .max(50, "Last name too long").required('Last Name is Required'),
-    description: Yup.string().required('Description is Required'),
+    description: Yup.string().trim().min(2, "Description too short").required('Description is Required'),
   });
 
   return (

frontend/src/components/shared/JobForm.jsx

@@ -59,7 +59,7 @@ export default function JobForm(props) {
     .max(50, "First name too long").required('First Name is Required'),
     lastName: Yup.string().min(2, "Last name too short")
     .max(50, "Last name too long").required('Last name is Required'),
-    coverLetter: Yup.string().required('Cover Letter is Required'),
+    coverLetter: Yup.string().trim().min(2, "Cover Letter too short").required('Cover Letter is Required'),
 
   });
 

frontend/src/pages/About.jsx

@@ -160,6 +160,11 @@ const _data = {
 }
 
 export default function About() {
+
+  useEffect(() => {
+    document.title = 'About Us';
+  },[]);
+
   // const api_url = process.env.REACT_APP_API_URL;
   // const [cntAbout, setCntAbout] = useState('');
   // const [isLoaded, setIsLoaded] = useState('');

frontend/src/pages/Careers.jsx

@@ -87,6 +87,10 @@ export default function Careers({forwardedRef}) {
 
   const api_url = process.env.REACT_APP_API_URL;
 
+  useEffect(() => {
+    document.title = 'Careers';
+  },[]);
+
   useEffect(async () => {
     var vid = document.getElementById('animation');
     vid.playbackRate = 2;

frontend/src/pages/CaseStudyBI.jsx

@@ -6,6 +6,7 @@ import powerBi from './../assets/icons/caseStudy/power-bi.svg';
 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -94,6 +95,11 @@ const _data = {
 };
 
 export default function CaseStudyBI() {
+
+  useEffect(() => {
+    document.title = 'Case Study: BI Healthcare Solution';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyCentralized.jsx

@@ -6,6 +6,7 @@ import powerBi from './../assets/icons/caseStudy/power-bi.svg';
 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -98,6 +99,11 @@ const _data = {
 };
 
 export default function CaseStudyCentralized() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Centralized Monitoring System';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyFinantial.jsx

@@ -4,6 +4,7 @@ import PageLayout from '../layout/PageLayout';
 import net from './../assets/icons/caseStudy/net.svg';
 import angular from './../assets/icons/caseStudy/angular.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -87,6 +88,11 @@ const _data = {
 };
 
 export default function CaseStudyFinantial() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Financial Engine';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyResource.jsx

@@ -6,6 +6,7 @@ import powerBi from './../assets/icons/caseStudy/power-bi.svg';
 import powerAutomate from './../assets/icons/caseStudy/power-automate.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import dataFactory from './../assets/icons/caseStudy/data-factory.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -97,6 +98,11 @@ const _data = {
 };
 
 export default function CaseStudyResource() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Resource Planning System';
+  },[]);
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyStrata.jsx

@@ -7,6 +7,7 @@ import net from './../assets/icons/caseStudy/net.svg';
 import jquery from './../assets/icons/caseStudy/jquery.svg';
 import react from './../assets/icons/caseStudy/react-native.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -90,6 +91,9 @@ const _data = {
 };
 
 export default function CaseStudyStrata() {
+  useEffect(() => {
+    document.title = 'Case Study: Healthcare Tracking Software';
+  },[]);
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/CaseStudyTicketing.jsx

@@ -7,6 +7,7 @@ import java from './../assets/icons/caseStudy/java.svg';
 import mssql from './../assets/icons/caseStudy/MSSQL.svg';
 import raspberry from './../assets/icons/caseStudy/raspberrypi.svg';
 import ionic from './../assets/icons/caseStudy/ionic.svg';
+import { useEffect } from 'react';
 
 const _data = {
   heading: {
@@ -102,6 +103,12 @@ const _data = {
 };
 
 export default function CaseStudyTicketing() {
+
+  useEffect(() => {
+    document.title = 'Case Study: Ticketing System For Passengers';
+  },[]);
+
+
   return (
     <PageLayout>
     <div className="bg-baby-blue dark:bg-dg-primary-1700 w-full pt-20 md:pt-24">

frontend/src/pages/ContactPage.jsx

@@ -1,9 +1,12 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import Contact from '../components/shared/Contact';
 import PageLayout from '../layout/PageLayout';
 import Layout from '../layout/PageLayout';
 
 function ContactPage() {
+  useEffect(() => {
+    document.title = 'Contact Us';
+  },[]);
   return (
     <PageLayout>
       <section

frontend/src/pages/Home.jsx

@@ -44,6 +44,9 @@ export default function Home({scrollToView, forwardedRef}) {
   //   tab: '',
   //   contactRef: contactRef
   // };
+  useEffect(() => {
+    document.title = 'Diligent Software';
+  },[]);
 
 
   useEffect(() => {

frontend/src/pages/OpenDay.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import Map from '../components/integrations/GoogleMaps/Map';
 import HighlighedText from '../components/shared/HighlighedText';
 import PageTitle from '../components/shared/PageTitle';
@@ -17,6 +17,10 @@ const url = 'https://mailchi.mp/dilig.net/opendayform';
 const OpenDay = () => {
   const EventDate = new Date('Oct 26, 2022 17:00:00').getTime();
 
+  useEffect(() => {
+    document.title = 'Diligent Open Day';
+  },[]);
+
   return (
     <PageLayout>
       <div className="pt-32 text-center">

frontend/src/pages/Portfolio.jsx

@@ -155,6 +155,10 @@ export default function Portfolio() {
   //   );
   // }
 
+  useEffect(() => {
+    document.title = 'Case Studies';
+  },[]);
+
   return (
     <PageLayout>
     <div className="flex flex-col gap-90p pt-32">

frontend/src/pages/ProcessPage.jsx

@@ -150,7 +150,10 @@ const ProcessPage = () => {
   const windowInfo = useWindowSize();
 
   useEffect(() => {
-    console.log(windowInfo.width);
+    document.title = 'Process';
+  },[]);
+
+  useEffect(() => {
     if (windowInfo.width < 1000) 
     setIsMobile(true);
     else