Update

- Using worker to load data
- Type strict
- Other adjustments

Author: davinash97

netlify/functions/sendMail.ts

@@ -32,13 +32,14 @@ export const handler: Handler = async (event) => {
 	if (event.httpMethod !== "POST") {
 		return {
 			statusCode: 405,
-			headers: corsHeaders,
-			body: "Method Not Allowed",
+			headers: { ...corsHeaders, "Content-Type": "application/json" },
+			body: JSON.stringify({ error: "Method Not Allowed" }),
 		};
 	}
 
+	const forwarded = event.headers["x-forwarded-for"];
 	const clientIP =
-		event.headers["x-forwarded-for"] ||
+		(forwarded ? forwarded.split(",")[0] : null) ||
 		event.headers["client-ip"] ||
 		event.headers["x-nf-client-connection-ip"] ||
 		"unknown";
@@ -54,7 +55,10 @@ export const handler: Handler = async (event) => {
 			if (ipStore[clientIP].count >= MAX_EMAILS_PER_HOUR) {
 				return {
 					statusCode: 429,
-					headers: corsHeaders,
+					headers: {
+						...corsHeaders,
+						"Content-Type": "application/json",
+					},
 					body: JSON.stringify({
 						error: "Rate limit exceeded: Max 3 emails per hour allowed.",
 					}),
@@ -74,26 +78,29 @@ export const handler: Handler = async (event) => {
 		if (!firstname || !email || !message) {
 			return {
 				statusCode: 400,
-				headers: corsHeaders,
+				headers: { ...corsHeaders, "Content-Type": "application/json" },
 				body: JSON.stringify({ error: "Missing required fields" }),
 			};
 		}
 
 		const transporter = nodemailer.createTransport({
 			host: process.env.SMTP_HOST,
 			port: Number(process.env.SMTP_PORT),
-			secure: true,
+			secure: Number(process.env.SMTP_PORT) === 465,
 			auth: {
 				user: process.env.SMTP_USER,
 				pass: process.env.SMTP_PASS,
 			},
 		});
 
 		await transporter.sendMail({
-			from: `"${firstname} ${lastname || ""}" <${email}>`,
+			from: process.env.SMTP_USER,
+			replyTo: email,
 			to: process.env.SMTP_TO,
-			subject: subject,
-			text: `${message} \n${email}`,
+			subject: subject || "New Contact Form Submission",
+			text: `Name: ${firstname} ${
+				lastname || ""
+			}\nEmail: ${email}\n\n${message}`,
 		});
 
 		return {
@@ -105,7 +112,7 @@ export const handler: Handler = async (event) => {
 		console.error("Error sending mail:", error);
 		return {
 			statusCode: 500,
-			headers: corsHeaders,
+			headers: { ...corsHeaders, "Content-Type": "application/json" },
 			body: JSON.stringify({ error: error.message || "Unknown error" }),
 		};
 	}

package-lock.json

@@ -1,20 +1,11 @@
+import { CommonItem } from "app/types/Section";
+
 import { Lato } from "next/font/google";
 import React from "react";
-import { IconType } from "react-icons";
 import { IoIosLink } from "react-icons/io";
 
 const lato = Lato({ weight: "400", subsets: ["latin"] });
 
-type Props = {
-	title: string;
-	subtitle: string;
-	duration: string;
-	detail: React.ReactNode;
-	className?: string;
-	link?: string; // The URL
-	linkIcon?: IconType; // Icon component
-};
-
 export default React.memo(function Card({
 	title,
 	subtitle,
@@ -23,7 +14,7 @@ export default React.memo(function Card({
 	className,
 	link,
 	linkIcon: LinkIcon = IoIosLink, // Default icon
-}: Props) {
+}: CommonItem) {
 	return (
 		<article
 			className={`max-w-md h-full justify-between flex flex-col gap-4 p-4 rounded-lg border border-gray-200 shadow-sm ${

src/app/components/Card.tsx

@@ -1,19 +1,14 @@
+import { ContactItem } from "app/types/Section";
+
 import { Lato } from "next/font/google";
-import { IconType } from "react-icons";
 
 const lato = Lato({ weight: "400", subsets: ["latin"] });
 
-type ContactProps = {
-	title: string;
-	image: IconType;
-	content: React.ReactNode;
-};
-
 export default function ContactCard({
 	title,
 	image: Icon,
 	content,
-}: ContactProps) {
+}: ContactItem) {
 	return (
 		<div className="flex flex-row w-full gap-4 rounded-xl p-4 border-2 border-solid border-(--primary) items-center">
 			{/* Icon */}

src/app/components/ContactCard.tsx

@@ -0,0 +1,9 @@
+export default function Hamburger() {
+	return (
+		<>
+			<span className="line"></span>
+			<span className="line"></span>
+			<span className="line"></span>
+		</>
+	);
+}

src/app/components/Menu.tsx

@@ -1,31 +1,21 @@
+import { ProjectItem } from "app/types/Section";
+
 import { Lato } from "next/font/google";
 import Image from "next/image";
-import { IconType } from "react-icons";
 import { IoIosLink } from "react-icons/io";
 
 const lato = Lato({ weight: "400", subsets: ["latin"] });
 
-type ProjectCardProps = {
-	name: string;
-	image: string;
-	details: string;
-	points: string[];
-	className?: string;
-	link: string;
-	techStack: string[];
-	linkIcon?: IconType;
-};
-
 export default function ProjectCard({
-	name,
+	title,
 	image,
-	details,
+	detail,
 	points,
 	className,
 	link,
 	techStack,
 	linkIcon: LinkIcon = IoIosLink,
-}: ProjectCardProps) {
+}: ProjectItem) {
 	return (
 		<div
 			className={`flex flex-col gap-5 w-full h-full max-w-md items-center justify-between border-2 rounded-xl p-5 ${
@@ -34,20 +24,20 @@ export default function ProjectCard({
 			<div className="relative flex flex-col h-[200px] w-[300px]">
 				<Image
 					src={image || "https://dummyimage.com/600x400/000/fff"}
-					alt={`image of ${name?.trim() || "dummy project"}`}
+					alt={`image of ${title?.trim() || "dummy project"}`}
 					fill={true}
 					loading="lazy"
 					draggable="false"
 					className="w-full h-full select-none object-cover rounded-md"
 				/>
 				<h3 className="absolute font-bold text-lg z-10 w-full bottom-1 text-center text-(--accent) bg-(--secondary)">
-					{name || "This is a dummy project name"}
+					{title || "This is a dummy project name"}
 				</h3>
 			</div>
 
 			<div
 				className={`flex flex-col gap-3 w-full max-w-sm justify-between ${lato.className}`}>
-				<p className="text-justify">{details}</p>
+				<p className="text-justify">{detail}</p>
 				<ol className="list-decimal list-inside flex flex-col gap-1">
 					{points.map((point, index) => (
 						<li key={index} className="text-justify">

src/app/components/ProjectCard.tsx

@@ -1,26 +1,18 @@
-import { Lato } from "next/font/google";
+import { SkillItem } from "app/types/Section";
 
-type SkillCardProps = {
-	skillName: string;
-	skillSet: string[];
-	className?: string;
-};
+import { Lato } from "next/font/google";
 
 const lato = Lato({ weight: "400", subsets: ["latin"] });
 
-export default function SkillCard({
-	skillName,
-	skillSet,
-	className,
-}: SkillCardProps) {
+export default function SkillCard({ title, set, className }: SkillItem) {
 	return (
 		<article
 			className={`flex flex-col text-left p-10 border-2 rounded-lg 
 						hover:shadow-2xl hover:shadow-black/40 transition duration-200 
 						cursor-pointer max-w-sm w-full h-full ${lato.className} ${className || ""}`}>
-			<h3 className="text-xl font-semibold">{skillName}</h3>
+			<h3 className="text-xl font-semibold">{title}</h3>
 			<ul className="mt-3 list-disc list-inside space-y-1">
-				{skillSet.map((skill, index) => (
+				{set.map((skill, index) => (
 					<li key={index}>{skill}</li>
 				))}
 			</ul>

src/app/components/SkillCard.tsx

@@ -0,0 +1,44 @@
+[
+	{
+		"title": "Programming in Java",
+		"subtitle": "IIT-KGP",
+		"duration": "2023",
+		"detail": "Successfully completed the Java Programming course offered by IIT-KGP through the NPTEL program, within the prescribed duration. Gained a thorough understanding of core Object-Oriented Programming concepts such as inheritance, multiple inheritance, polymorphism, etc. Concepts like Data Structures, multithreading, Collections etc. The fundamental were clearly explained and well understood. Submitted all assignments and assessments on time, and achieved a score of 71% in the certification exam.",
+		"link": "https://archive.nptel.ac.in/content/noc/NOC23/SEM2/Ecertificates/106/noc23-cs74/Course/NPTEL23CS74S73270001020114236.pdf"
+	},
+	{
+		"title": "Collections in Java",
+		"subtitle": "Great Learning",
+		"duration": "2024",
+		"detail": "Gained a comprehensive understanding of the Java Collections Framework, including key concepts such as List, Set, Map, and their implementations (ArrayList, LinkedList, HashSet, TreeSet, HashMap, etc.). Learned about collection algorithms, iteration techniques, sorting, and efficient data handling practices. The course provided in-depth coverage of practical usage, performance considerations, and best practices. Successfully completed the course within the prescribed time frame.",
+		"link": "https://www.mygreatlearning.com/certificate/PBQNAOTL"
+	},
+	{
+		"title": "OOP in Java",
+		"subtitle": "Great Learning",
+		"duration": "2024",
+		"detail": "Gained a thorough understanding of core object-oriented programming concepts, including inheritance, multiple inheritance, polymorphism, encapsulation, interfaces, abstraction, classes, and objects. The fundamental pillars of OOP were clearly covered and well comprehended. Successfully completed the course within the prescribed time frame.",
+		"link": "https://www.mygreatlearning.com/certificate/JMEIZSVL"
+	},
+	{
+		"title": "Java (Basics)",
+		"subtitle": "HackerRank",
+		"duration": "2024",
+		"detail": "Successfully completed the Java Basics course on HackerRank, developing a strong foundation in core Java programming concepts. Covered essential topics such as data types, conditionals, loops, arrays, functions, and basic input/output handling. Gained experience by solving practical coding challenges, which reinforced problem-solving skills and logical thinking in Java.",
+		"link": "https://www.hackerrank.com/certificates/cbaf34afb204"
+	},
+	{
+		"title": "Software Engineering in Java",
+		"subtitle": "HackerRank",
+		"duration": "2024",
+		"detail": "Completed the Software Engineering Intern program on HackerRank, gaining hands-on experience in problem-solving, coding best practices, and core software development concepts. Developed skills in algorithms, data structures, object-oriented programming, and debugging by working on practical coding challenges. Built a solid foundation for approaching real-world software engineering tasks with efficiency and clarity.",
+		"link": "https://www.hackerrank.com/certificates/fd23e8486b66"
+	},
+	{
+		"title": "Solved 300+ questions in Java",
+		"subtitle": "LeetCode",
+		"duration": "2024",
+		"detail": "Solved over 300 coding problems on LeetCode, focusing on Easy and Medium difficulty levels, to strengthen problem-solving skills and algorithmic thinking. Maintained a continuous streak of nearly ~290 days of daily practice, demonstrating strong discipline, consistency, and dedication toward mastering data structures and algorithms.",
+		"link": "https: //leetcode.com/u/davinash97"
+	}
+]

src/app/data/Achievement.json

@@ -0,0 +1,14 @@
+[
+	{
+		"title": "Diploma in Electrical Engineering (Lateral)",
+		"subtitle": "Rungta College of Engineering & Technology",
+		"duration": "2017-2019",
+		"detail": "I completed my Diploma in Electrical Engineering from Rungta College of Engineering & Technology, where I gained extensive knowledge during my academic years (2017-2019 Lateral Entry after ITI). I worked on various projects, including an Arduino-based robotic arm capable of picking up and placing objects, and a path-following vehicle designed to reach a predefined destination. Both projects were controllable via an Android device using Bluetooth communication."
+	},
+	{
+		"title": "Bachelors in Computer Science Engineering (Lateral)",
+		"subtitle": "Rungta College of Engineering & Technology",
+		"duration": "2021-2024",
+		"detail": "I completed my Bachelor of Technology in Computer Science Engineering from 2021 to 2024 (3 years due to Lateral Entry). Throughout my academic journey, I gained a solid understanding of how computers work, as well as the wide range of applications and software in the industry. During this time, I was part of a team that developed a social media-like platform for pets, designed to help users arrange playdates. Additionally, I worked on various web-based management software projects. These experiences significantly enhanced my knowledge and skills in web development and software engineering."
+	}
+]

src/app/data/Education.json

@@ -0,0 +1,14 @@
+[
+	{
+		"title": "Catalog Associate",
+		"subtitle": "Amazon Development Center",
+		"duration": "Jan 2025 - Present",
+		"detail": "Currently working at Amazon as a Catalog Associate, specializing in Product Knowledge Classification.In my role, I have classified thousands of products accurately according to Standard Operating Procedures (SOPs),maintaining a consistent reliability score of 100%. I collaborate closely with cross-functional teams to ensure product data quality and correctness, helping improve catalog accuracy and customer experience.Additionally, streamline classification workflows by identifying process improvements, contributing to higher efficiency and faster turnaround times in product onboarding."
+	},
+	{
+		"title": "Web Developer Intern",
+		"subtitle": "Rungta Infotech Pvt Ltd",
+		"duration": "Feb 2024 - Apr 2024",
+		"detail": "Worked as a Web Development Intern at Rungta Infotech PVT LTD, where I gained hands-on experience in building and maintaining web applications. Throughout my internship, I learned and worked with key web development technologies including PHP, HTML, CSS, JavaScript, and SQL. I contributed to developing responsive web pages, implementing dynamic features, and managing database interactions, while following best practices for clean code and efficient performance. This experience strengthened my problem-solving skills and understanding of full-stack web development in a real-world environment."
+	}
+]