Merge branch 'main' of https://github.com/BenjaminToby/personal_site

components/portfolioEntries.json

@@ -1,4 +1,10 @@
 [
+    {
+        "title": "Datasquirel",
+        "description": "Datasquirel is a fast and efficient cloud-based SQL data management system",
+        "url": "https://datasquirel.com",
+        "image": "/images/datasquirel-img.jpg"
+    },
     {
         "title": "Showme Rebates",
         "description": "Showmerebates curates agents' rebates/cashback on properties in Utah, Texas, Florida, and Kansas states",
@@ -10,12 +16,11 @@
         "description": "Summit Lending is a mortgage broker offering competitive rates for home loans of all sorts",
         "url": "https://summitlending.com",
         "image": "/images/summit-lending.jpg"
-    },
-    {
-        "title": "Datasquirel",
-        "description": "Datasquirel is a fast and efficient cloud-based SQL data management system",
-        "url": "https://datasquirel.com",
-        "image": "/images/datasquirel-img.jpg"
+    }, {
+        "title": "Coderank",
+        "description": "The New era of Talent acquisition and Remote work.",
+        "url": "https://coderank.net/",
+        "image": "https://static.datasquirel.com/images/user-images/user-2/tben-me/portfolio/screenshot-coderank.png"
     },
     {
         "title": "Base Wears",

functions/frontend/submitContactForm.ts

@@ -1,6 +1,10 @@
 import { Dispatch, SetStateAction } from "react";
 
-export default async function submitContactForm(e: any, setSuccess: Dispatch<SetStateAction<string | null>>, setLoading: Dispatch<SetStateAction<boolean>>) {
+export default async function submitContactForm(
+    e: any,
+    setSuccess: Dispatch<SetStateAction<string | null>>,
+    setLoading: Dispatch<SetStateAction<boolean>>
+) {
     e.preventDefault();
 
     setLoading(true);
@@ -15,26 +19,34 @@ export default async function submitContactForm(e: any, setSuccess: Dispatch<Set
         message: message,
     };
 
-    let res = await fetch("/api/contactForm", {
-        method: "post",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify(body),
-    });
+    try {
+        let res = await fetch("/api/contactForm", {
+            method: "post",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(body),
+        });
 
-    let data = await res.json();
+        let data = await res.json();
 
-    console.log(data);
+        console.log(data);
 
-    if (data.msg === "Success") {
-        setSuccess("Success");
-        setTimeout(() => {
-            window.location.reload();
-        }, 1000);
-    } else {
-        setSuccess("Failed");
+        if (data.msg === "Success") {
+            setSuccess("Success");
+            setTimeout(() => {
+                window.location.reload();
+            }, 1000);
+        } else {
+            setSuccess("Failed");
+        }
+
+        setLoading(false);
+    } catch (error: any) {
+        console.log(
+            "Form submission failed. Please try again in a minute.",
+            error.message
+        );
+        window.alert("Form submission failed. Please try again in a minute.");
     }
-
-    setLoading(false);
 }

pages/api/contactForm.ts

@@ -10,7 +10,7 @@ import { NextApiRequest, NextApiResponse } from "next";
 
 let transporter = nodemailer.createTransport({
     host: process.env.TBENMAIL_HOST,
-    port: 587,
+    port: 465,
     auth: {
         user: process.env.TBENMAIL_EMAIL,
         pass: process.env.TBENMAIL_EMAIL_PASSWORD,
@@ -46,7 +46,9 @@ export default async function handler(
             res.json({ msg: "Success", info: info });
         } catch (error) {
             console.log(error);
-            res.json({ msg: "Failed" });
+            res.json({
+                msg: "Please try again in a minute.",
+            });
         }
     }
 }

public/scripts/main.js

@@ -1,17 +1,17 @@
-console.log("main js");
+// console.log("main js");
 
-const lenis = new Lenis();
+// const lenis = new Lenis();
 
-lenis.on("scroll", (e) => {
-    // console.log(e);
-});
+// lenis.on("scroll", (e) => {
+//     // console.log(e);
+// });
 
-function raf(time) {
-    lenis.raf(time);
-    requestAnimationFrame(raf);
-}
+// function raf(time) {
+//     lenis.raf(time);
+//     requestAnimationFrame(raf);
+// }
 
-requestAnimationFrame(raf);
+// requestAnimationFrame(raf);
 
 /**
  * GSAP globals