+
+
{navbarItems.map(({ name, link }, i) => (
-
+ {name}
+
))}
@@ -39,4 +72,5 @@ const Navbar = () => {
);
};
+
export default Navbar;
diff --git a/src/app/components/Project.tsx b/src/app/components/Project.tsx
index 20f002a..7971672 100644
--- a/src/app/components/Project.tsx
+++ b/src/app/components/Project.tsx
@@ -2,14 +2,29 @@
import Image, { StaticImageData } from "next/image";
import { motion } from "motion/react";
+import { IconType } from "react-icons";
+
+interface techEntry {
+ icon: IconType;
+}
interface projectProps {
image: StaticImageData;
title: string;
description: string;
+ date: string;
+ role: string;
+ techStack?: techEntry[];
}
-const Project = ({ image, title, description }: projectProps) => {
+const Project = ({
+ image,
+ title,
+ description,
+ date,
+ role,
+ techStack,
+}: projectProps) => {
return (
{title}
@@ -39,12 +54,23 @@ const Project = ({ image, title, description }: projectProps) => {
initial={{ opacity: 0 }}
whileHover={{ opacity: 1 }}
>
-
{description}
+
+
{date}
+
{description}
+
-
Tech Stack
-
Role on Project
+
+ {techStack &&
+ techStack.map(({ icon: Icon }, i) => (
+
+
+ ))}
+
+
+
{role}
);
diff --git a/src/app/components/Projects.tsx b/src/app/components/Projects.tsx
index b4d7c32..6b3874f 100644
--- a/src/app/components/Projects.tsx
+++ b/src/app/components/Projects.tsx
@@ -1,22 +1,32 @@
import Header from "@/app/components/Header";
import Project from "@/app/components/Project";
import projectItems from "@/data/ProjectsData";
+import { Element } from "react-scroll";
const Projects = () => {
return (
-
+
- {projectItems.map(({ image, title, description }, i) => (
-
- ))}
+ {projectItems.map(
+ ({ image, title, date, description, role, techStack }, i) => (
+
+ ),
+ )}
+
);
};
export default Projects;
diff --git a/src/data/ExperienceData.ts b/src/data/ExperienceData.ts
index f0924eb..a474b42 100644
--- a/src/data/ExperienceData.ts
+++ b/src/data/ExperienceData.ts
@@ -1,6 +1,6 @@
import { StaticImageData } from "next/image";
-import ACMLogo from "@/public/experiences/acmLogo.png";
-import UCRLogo from "@/public/experiences/ucrLogo.png";
+import ACMLogo from "@/public/experiences/acmLogo.webp";
+import UCRLogo from "@/public/experiences/ucrLogo.webp";
interface DescriptionEntry {
description: string;
diff --git a/src/data/NavbarData.ts b/src/data/NavbarData.ts
index 3ec438f..a2fc82b 100644
--- a/src/data/NavbarData.ts
+++ b/src/data/NavbarData.ts
@@ -4,10 +4,10 @@ interface navbarItem {
}
const navbarItems: navbarItem[] = [
- { name: "ABOUT ME", link: "/" },
- { name: "EXPERIENCE", link: "/meow" },
- { name: "PROJECTS", link: "/meow" },
- { name: "SKILLS", link: "/meow" },
+ { name: "ABOUT ME", link: "home" },
+ { name: "EXPERIENCE", link: "experiences" },
+ { name: "PROJECTS", link: "projects" },
+ // { name: "SKILLS", link: "experience" },
];
export default navbarItems;
diff --git a/src/data/ProjectsData.ts b/src/data/ProjectsData.ts
index cf16538..8065c37 100644
--- a/src/data/ProjectsData.ts
+++ b/src/data/ProjectsData.ts
@@ -1,67 +1,240 @@
import { StaticImageData } from "next/image";
-import ULA from "@/public/projects/ula.png";
-import Tree from "@/public/projects/tree.png";
-import FinalTake from "@/public/projects/finalTake.png";
-import PTSO from "@/public/projects/ptso.png";
-import Chess from "@/public/projects/chess.png";
-import AviatR from "@/public/projects/aviatr.png";
-import Leap from "@/public/projects/leap.png";
-import SquareRoot from "@/public/projects/squareRoot.png";
+import ULA from "@/public/projects/ula.webp";
+import Tree from "@/public/projects/tree.webp";
+import FinalTake from "@/public/projects/finalTake.webp";
+import PTSO from "@/public/projects/ptso.webp";
+import Chess from "@/public/projects/chess.webp";
+import AviatR from "@/public/projects/aviatr.webp";
+import Leap from "@/public/projects/leap.webp";
+import SquareRoot from "@/public/projects/squareRoot.webp";
+import { IconType } from "react-icons";
+import { RiNextjsFill } from "react-icons/ri";
+import { FaReact, FaFigma } from "react-icons/fa";
+import {
+ SiTypescript,
+ SiTailwindcss,
+ SiPrettier,
+ SiShadcnui,
+} from "react-icons/si";
+import { PiFileCpp } from "react-icons/pi";
+
+interface techEntry {
+ icon: IconType;
+}
interface ProjectItem {
image: StaticImageData;
title: string;
description: string;
+ date: string;
+ role: string;
+ techStack?: techEntry[];
}
const projectItems: ProjectItem[] = [
{
image: ULA,
title: "ULA Website",
+ date: "September 2025",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Served as Scrum Master and Project Lead on behalf of ACM@UCR to develop UCR's Website for Undergraduate Learning Assistants.",
+ role: "Lead",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ ],
},
{
image: Tree,
title: "Data Structures Website",
+ date: "In Progress",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Served as Scrum Master and Project Lead to develop a website to assist students with understanding elementary Data Structures. Contains visualizations of BSTs, AVL Trees, Heaps, and Sorting Algorithms.",
+ role: "Lead",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ {
+ icon: SiShadcnui,
+ },
+ ],
},
{
image: PTSO,
title: "PTSO Website",
+ date: "June 2025",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Served as Scrum Master and Project Lead on behalf of ACM@UCR to develop UCR's Website for the Pre-Therapy Student Organization.",
+ role: "Lead",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ ],
},
{
image: FinalTake,
title: "Hackathon Game",
+ date: "April 2025",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Our submission for Citrus Hack 2025. Helped develop a game where the user is a Movie Studio Executive, and has to make decisions that balance their budget while being environmentally friendly.",
+ role: "Developer",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ {
+ icon: SiShadcnui,
+ },
+ ],
},
{
- image: AviatR,
- title: "Aviat'R Website",
+ image: Chess,
+ date: "November 2024",
+ title: "Parallelized Chess",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Developed parallelized AI chess engine implementing minimax with alpha-beta pruning. Optimized performance with pthreads, achieving 15x runtime improvement over sequential baseline",
+ role: "Personal Project",
+ techStack: [
+ {
+ icon: PiFileCpp,
+ },
+ ],
},
+
{
- image: Chess,
- title: "Parallelized Chess",
+ image: AviatR,
+ date: "December 2024",
+ title: "Aviat'R Website",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Served as Scrum Master and Project Lead on behalf of ACM@UCR to develop UCR's Website for Aviat'R.",
+ role: "Lead",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ ],
},
+
{
image: Leap,
title: "Leap Website",
+ date: "March 2025",
description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ "Served as Scrum Master and Project Lead on behalf of ACM@UCR to develop UCR's Website for Loving our Emotions as Asian and Pacific !slanders.",
+ role: "Lead",
+ techStack: [
+ {
+ icon: RiNextjsFill,
+ },
+ {
+ icon: FaReact,
+ },
+ {
+ icon: SiTypescript,
+ },
+ {
+ icon: SiTailwindcss,
+ },
+ {
+ icon: FaFigma,
+ },
+ {
+ icon: SiPrettier,
+ },
+ {
+ icon: SiShadcnui,
+ },
+ ],
},
{
image: SquareRoot,
- title: "Quick Magic Square Root",
- description:
- "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+ date: "January 2025",
+ title: "Magic Square Root",
+ description: "Implemented the Magic Square Root Formula.",
+ role: "Personal Project",
+ techStack: [
+ {
+ icon: PiFileCpp,
+ },
+ ],
},
];
diff --git a/src/data/SocialData.ts b/src/data/SocialData.ts
index 9cff0d2..d5b78d6 100644
--- a/src/data/SocialData.ts
+++ b/src/data/SocialData.ts
@@ -8,10 +8,10 @@ interface SocialLink {
}
const socialLinks: SocialLink[] = [
- { link: "/meow", icon: FaGithub },
- { link: "/meow", icon: FaLinkedin },
- { link: "/meow", icon: MdOutlineMarkEmailRead },
- { link: "/meow", icon: FaNewspaper },
+ { link: "https://github.com/Kevinloritsch", icon: FaGithub },
+ { link: "https://www.linkedin.com/in/kevin-loritsch/", icon: FaLinkedin },
+ { link: "/KevinLoritsch_Resume.pdf", icon: FaNewspaper },
+ { link: "mailto:klori003@ucr.edu", icon: MdOutlineMarkEmailRead },
];
export { socialLinks };