Final pre release fixes and improvements

pages/_app.tsx

@@ -37,6 +37,8 @@ export default function MyApp({ Component, pageProps }: AppProps) {
 			<meta name="twitter:title" content="Patryk Kuchta's Portfolio"/>
 			<meta name="twitter:description" content="Explore a showcase of my projects, education and work experience."/>
 			<meta name="twitter:image" content="https://kuchta.uk/logo.svg"/>
+
+			<link rel="icon" type="image/x-icon" href="/portfolio/favicon.ico"/>
 		</Head>
 		<Component {...pageProps} />
 	</>;

src/portfolio/data/projectData.ts

@@ -1,6 +1,41 @@
 import {ProjectArguments, TechnologyEnum} from "@/src/portfolio/helpers/Project";
 
 const projectData : ProjectArguments[] = [
+	{
+		imagePath: "learnopedia.png",
+		title: "Undergraduate Dictation Project",
+		text: "In this project, an online learning platform was created with the aim of diversifying and enriching online courses in all domains. The project focused on developing a learning platform, where courses were created collaboratively with a democratic system for approving suggestions. This allowed many people to contribute to creating courses. The details of the platform's implementation were worked out through academic research and an analysis of competing software, both of which were included in this report. Additionally, the report covered the details of the implementation, testing, and evaluation of the platform.",
+		tech: [
+			TechnologyEnum.typescript,
+			TechnologyEnum.react,
+			TechnologyEnum.html,
+			TechnologyEnum.css,
+			TechnologyEnum.express,
+		],
+		github: "https://github.com/KuchtaVR6/Learnopedia",
+		access: "https://learnopedia.kuchta.uk"
+	},
+	{
+		imagePath: "cifar10.png",
+		title: "Image classification using the CIFAR-10 Dataset",
+		text: "In this project, I successfully implemented an image classification model using the CIFAR-10 dataset. Through the application of deep learning techniques and convolutional neural networks, I achieved an impressive final accuracy of 95.5%. The coursework assignment was a resounding success, as it showcased my ability to effectively train and fine-tune models for image recognition tasks, leading to a perfect score of 100%. The project not only demonstrated my proficiency in machine learning but also enhanced my understanding of image processing and model evaluation.",
+		tech: [
+			TechnologyEnum.python,
+			TechnologyEnum.computerVision,
+			TechnologyEnum.machineLearning
+		],
+		github: "https://github.com/KuchtaVR6/classification-cifar-10"
+	},
+	{
+		imagePath: "learnopediaShowcase.png",
+		title: "Project Dictation Showcase Video",
+		text: "The showcase video highlights the creation of an innovative online learning platform aimed at diversifying and enriching courses across various domains. It emphasizes the collaborative approach to course creation through a democratic system for approving suggestions. The video showcases the platform's user-friendly interface and unique features. I am proud to announce that the video received the \"Best EECS Undergraduate Project Showcase Video\" award.",
+		tech: [
+			TechnologyEnum.photoshop,
+			TechnologyEnum.videoEditing
+		],
+		access: "https://youtu.be/wv7XfIPCyWI"
+	},
 	{
 		imagePath: "cryptogram.png",
 		title: "Cryptocurrency wallet prototype",
@@ -75,19 +110,6 @@ const projectData : ProjectArguments[] = [
 			TechnologyEnum.design3d
 		]
 	},
-	{
-		imagePath: "tutor.png",
-		title: "My private tutoring website",
-		text: "This website was designed with accessibility and interactivity in mind. I created the front-end using the React library to make the client-side dynamic and eye-pleasing. In addition to stunning animations, the website has a \"contact me\" button that automatically sends two emails. Implementing this functionality has given me confidence in setting up DNS records and email certifications. Furthermore, I have gained knowledge in Security Engineering by researching and patching potential exploits in the systems.",
-		tech: [
-			TechnologyEnum.react,
-			TechnologyEnum.html,
-			TechnologyEnum.javascript,
-			TechnologyEnum.php
-		],
-		access: "tutor.html",
-		github: "https://github.com/KuchtaVR6/Portfolio"
-	},
 	{
 		imagePath: "port3.png",
 		title: "My current portfolio website",
@@ -96,8 +118,7 @@ const projectData : ProjectArguments[] = [
 			TechnologyEnum.react,
 			TechnologyEnum.html,
 			TechnologyEnum.javascript,
-			TechnologyEnum.css,
+			TechnologyEnum.css
-			TechnologyEnum.bootstrap
 		],
 		github: "https://github.com/KuchtaVR6/Portfolio",
 		access: "/"

src/portfolio/data/workExperienceData.ts

@@ -75,12 +75,14 @@ const workExperienceData : WorkExperienceArgs[] = [
 
 // todo update
 export const workExperienceParagraph  =
-	"My work experience started when I was 16 years old, starting with hospitality and retail-based\n" +
+	"My work experience started when I was 16 years old, starting with hospitality and retail-based " +
-	"positions. Although they are not the most relevant to my career path, I still believe there I had\n" +
+	"positions. Although they are not the most relevant to my career path, I still believe there I had " +
-	"learned plenty from them in regards to depending on each other, reliability and teamwork. Since last\n" +
+	"learned plenty from them in regards to depending on each other, reliability and teamwork. Since last " +
-	"year I have been moving more toward the education industry. I have experience working as a tutor in\n" +
+	"year I have been moving more toward the education industry. I have experience working as a tutor in " +
-	"a significant number of companies. Furthermore, I am working as a Laboratory Demonstrator for Queen\n" +
+	"a significant number of companies. Furthermore, for 2 years I had worked as a Laboratory Demonstrator for Queen " +
-	"Mary University of London. This position involves assisting, teaching and marking students, which is\n" +
+	"Mary University of London. This position involves assisting, teaching and marking students, which is " +
-	"a great opportunity to broaden my IT knowledge and improve my interpersonal skills.";
+	"a great opportunity to broaden my IT knowledge and improve my interpersonal skills. This year during the " +
+	"summer I am working as a Software Developer intern at Softwire which will allow me to develop my team" +
+	"-work and IT skills.";
 
 export default workExperienceData;

src/portfolio/helpers/Project.tsx

@@ -24,7 +24,10 @@ export enum TechnologyEnum {
 	python = "python",
 	linux = "linux",
 	design3d = "3d design",
-	php = "php"
+	videoEditing = "video editing",
+	photoshop = "photograph editing",
+	machineLearning = "machine learning",
+	computerVision = "computer vision"
 }
 
 const Project = ({imagePath, title, text, tech, github, access} : ProjectArguments) => {

src/portfolio/sections/Projects.tsx

@@ -4,6 +4,21 @@ import projectData from "@/src/portfolio/data/projectData";
 import styles from "../styling/projects.module.scss";
 
 const Projects = () => {
+	const otherLinks = [
+		{
+			title: "Github",
+			link: "https://github.com/KuchtaVR6/"
+		},
+		{
+			title: "LinkedIn",
+			link: "https://linkedin.com/in/kuchtap"
+		},
+		{
+			title: "Curriculum Vitae",
+			link:  "/PatrykKuchta_CV.pdf"
+		}
+	];
+
 	return (
 		<div className={styles.section} id={"projects"}>
 			<Splide
@@ -21,6 +36,23 @@ const Projects = () => {
 				}
 
 			</Splide>
+			<div data-aos = {"fade-left"} className={styles.otherLinks}>
+				<h2>Other useful links about me:</h2>
+				<ul>
+					{
+						otherLinks.map(({title, link}, key) => {
+							return (
+								<li key = {key}>
+									<a href={link}>
+										{title}
+									</a>
+								</li>
+							);
+						}
+						)
+					}
+				</ul>
+			</div>
 		</div>
 	);
 };

src/portfolio/styling/experience.module.scss

@@ -15,6 +15,7 @@
     margin: 0 auto 0 auto;
     width: 40em;
     max-width: 70vw;
+    line-height: 1.7;
   }
 }
 

src/portfolio/styling/intro.module.scss

@@ -18,7 +18,7 @@
   flex-wrap: wrap;
   column-gap: $largeGap;
   row-gap: $smallGap;
-  margin: 1em;
+  margin: 1em 1.5em;
 
   & > div {
     display: flex;
@@ -48,6 +48,7 @@
   .logoContainer {
     width: 2.5em;
     height: 2.5em;
+    position: relative;
 
     @include nextImg;
   }
@@ -87,6 +88,7 @@
   max-width: 30em;
   height: max-content;
   display: flex;
+  position: relative;
 
   @include nextImg;
 }

src/portfolio/styling/projects.module.scss

@@ -36,6 +36,7 @@
     margin: 1em;
 
     .imageContainer {
+      position: relative;
       width: 100%;
       @include nextImg;
     }
@@ -78,3 +79,10 @@
   }
 }
 
+.otherLinks {
+  list-style-type: none;
+  text-align: center;
+  margin: 0 auto;
+  width: fit-content;
+}
+