Merge pull request #50 from Sagargupta16/44-contact-me-form-validation

Update dependencies and fix formatting issues and Contact Page Regex

.github/workflows/main.yml

@@ -2,7 +2,7 @@ name: Build and Deploy
 
 on:
   push:
-    branches: ["master"]
+    branches: ['master']
 
 jobs:
   build:

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid"
+}

package.json

@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "gh-pages": "^5.0.0",
+    "gh-pages": "^6.1.1",
     "prettier": "3.0.0"
   },
   "eslintConfig": {

public/favicon_io/site.webmanifest

@@ -1,6 +1,6 @@
 {
-  "name": "",
-  "short_name": "",
+  "name": "PWA",
+  "short_name": "PWA",
   "icons": [
     {
       "src": "/android-chrome-192x192.png",

public/index.html

@@ -21,7 +21,6 @@
       sizes="16x16"
       href="./favicon_io/favicon-16x16.png"
     />
-    <link rel="manifest" href="./favicon_io/site.webmanifest" />
     <link rel="icon" type="image/x-icon" href="./favicon.ico" />
     <title>Personal Portfolio</title>
   </head>

src/App.jsx

@@ -1,43 +1,43 @@
-import React, { useEffect, useState } from "react";
-import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
-import PropTypes from "prop-types";
-import Header from "./components/header/Header";
-import Nav from "./components/nav/Nav";
-import About from "./components/about/About";
-import Education from "./components/education/Education";
-import Experience from "./components/experience/Experience";
-import Skill from "./components/skill/Skill";
-import Services from "./components/services/Services";
-import Portfolio from "./components/portfolio/Portfolio";
-import Testimonial from "./components/testimonials/Testimonial";
-import Contact from "./components/contact/Contact";
-import Footer from "./components/footer/Footer";
+import React, { useEffect, useState } from 'react'
+import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
+import PropTypes from 'prop-types'
+import Header from './components/header/Header'
+import Nav from './components/nav/Nav'
+import About from './components/about/About'
+import Education from './components/education/Education'
+import Experience from './components/experience/Experience'
+import Skill from './components/skill/Skill'
+import Services from './components/services/Services'
+import Portfolio from './components/portfolio/Portfolio'
+import Testimonial from './components/testimonials/Testimonial'
+import Contact from './components/contact/Contact'
+import Footer from './components/footer/Footer'
 
 const RouterWrapper = ({ children, activeNav, setActiveNav }) => (
   <Router basename="/portfolio-react">
     <Nav setActiveNav={setActiveNav} activeNav={activeNav} />
     {children}
     <Footer />
   </Router>
-);
+)
 
 RouterWrapper.propTypes = {
   children: PropTypes.node.isRequired,
   activeNav: PropTypes.string.isRequired,
-  setActiveNav: PropTypes.func.isRequired,
-};
+  setActiveNav: PropTypes.func.isRequired
+}
 
 const App = () => {
-  const [screenWidth, setScreenWidth] = useState(window.innerWidth);
-  const [activeNav, setActiveNav] = useState("#");
+  const [screenWidth, setScreenWidth] = useState(window.innerWidth)
+  const [activeNav, setActiveNav] = useState('#')
 
   useEffect(() => {
-    const handleResize = () => setScreenWidth(window.innerWidth);
-    window.addEventListener("resize", handleResize);
+    const handleResize = () => setScreenWidth(window.innerWidth)
+    window.addEventListener('resize', handleResize)
     return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, []);
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
 
   return (
     <RouterWrapper activeNav={activeNav} setActiveNav={setActiveNav}>
@@ -67,7 +67,7 @@ const App = () => {
         </>
       )}
     </RouterWrapper>
-  );
-};
+  )
+}
 
-export default App;
+export default App