added cross-env

fix footer built-with font-size for smaller media
revert to onMouseEnter in projects/index.js because scroll mouse event would not work on mobile devices
remove font-family from body
configured react strict mode in development

Author: uinstinct

containers/Landing/header.js

@@ -30,7 +30,7 @@ export default function Header() {
             <div className="container">
                 <div className="box">
                     <div className="title">
-                        <span className="block"></span>
+                        <span className="block" />
                         <h1>Aditya Mitra<span /></h1>
                     </div>
                     <div className="role">

containers/Projects/index.js

@@ -15,7 +15,7 @@ export default function Projects() {
     });
     return (
         <div
-            onPointerEnter={showSwipeGuide}
+            onMouseEnter={showSwipeGuide}
         >
             <h1 id="myProjects" className="container-header">My Projects</h1>
             {cards}

next.config.js

@@ -2,9 +2,10 @@ const isProduction = process.env.NODE_ENV === 'production';
 
 module.exports = {
     webpack: (config, { dev }) => {
-        config.optimization.minimize = isProduction ? true : false;
+        config.optimization.minimize = isProduction;
         return config;
     },
+    reactStrictMode: isProduction,
     images: {
         domains: ["res.cloudinary.com"],
     },

package-lock.json

@@ -1,16 +1,17 @@
 {
   "name": "aditya-mitra-portfolio",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --port=5",
     "build": "next build",
     "start": "next start",
-    "deploy": "next build && next export -o portfolio"
+    "deploy": "cross-env NODE_ENV=production && next build && next export -o portfolio"
   },
   "dependencies": {
     "@chakra-ui/core": "^1.0.0-rc.8",
     "@chakra-ui/theme-tools": "^1.0.0-next.3",
+    "cross-env": "^7.0.2",
     "framer-motion": "^2.9.4",
     "next": "^10.0.1",
     "react": "17.0.0",

package.json

@@ -1,23 +1,23 @@
-{
-    "name": "Aditya Mitra's Portfolio",
-    "short_name": "Aditya",
-    "description": "The Portfolio Site of Aditya Mitra.",
-    "lang": "en",
-    "start_url": "/",
-    "display": "standalone",
+{
+    "name": "Aditya Mitra's Portfolio",
+    "short_name": "Aditya",
+    "description": "The Portfolio Site of Aditya Mitra.",
+    "lang": "en",
+    "start_url": "/",
+    "display": "standalone",
     "theme_color": "#000",
-    "background_color": "#fff",
-    "icons": [
-        {
-            "src": "/manifest/siteIcon512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        },
-        {
-            "src": "/manifest/siteIcon120.png",
-            "sizes": "120x120",
-            "type": "image/png",
-            "purpose": "any maskable"
-        }
-    ]
+    "background_color": "#fff",
+    "icons": [
+        {
+            "src": "/manifest/siteIcon512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "/manifest/siteIcon120.png",
+            "sizes": "120x120",
+            "type": "image/png",
+            "purpose": "any maskable"
+        }
+    ]
 }

public/manifest/manifest.json

@@ -59,14 +59,15 @@ const allStyles = css`
   align-items: center;
   text-align: center;
 }
-@media screen and (max-width: 1082px){
+@media screen and ((max-width: 1082px) and (min-width: 590px)){
   .built-with {
     font-size: 1.5em;
   }
 }
 @media screen and (max-width: 350px) {
   .built-with {
     margin: 1.5rem 0;
+    font-size: 1.5em;
   }
 }
 .built-with .border{

styles/footer.js

@@ -29,7 +29,6 @@ html,
 body {
     padding: 0;
     margin: 0;
-    font-family: guildof;
     overflow-x: hidden;
     scrollbar-color: #3d3d5c #b3ccff;
     -scrollbar-width: 12px;