diff --git a/pages/_app.tsx b/pages/_app.tsx index a14f88b..a15e472 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -37,6 +37,8 @@ export default function MyApp({ Component, pageProps }: AppProps) { + + ; diff --git a/pages/favicon.ico b/pages/favicon.ico deleted file mode 100644 index 718d6fe..0000000 Binary files a/pages/favicon.ico and /dev/null differ diff --git a/public/PatrykKuchta_CV.pdf b/public/PatrykKuchta_CV.pdf new file mode 100644 index 0000000..f7f825b Binary files /dev/null and b/public/PatrykKuchta_CV.pdf differ diff --git a/public/portfolio/projects/cifar10.png b/public/portfolio/projects/cifar10.png new file mode 100644 index 0000000..9e4f685 Binary files /dev/null and b/public/portfolio/projects/cifar10.png differ diff --git a/public/portfolio/projects/learnopedia.png b/public/portfolio/projects/learnopedia.png new file mode 100644 index 0000000..89afd2a Binary files /dev/null and b/public/portfolio/projects/learnopedia.png differ diff --git a/public/portfolio/projects/learnopediaShowcase.png b/public/portfolio/projects/learnopediaShowcase.png new file mode 100644 index 0000000..4e8c41d Binary files /dev/null and b/public/portfolio/projects/learnopediaShowcase.png differ diff --git a/public/portfolio/projects/port3.png b/public/portfolio/projects/port3.png index 18bde6c..cffa4cd 100644 Binary files a/public/portfolio/projects/port3.png and b/public/portfolio/projects/port3.png differ diff --git a/src/portfolio/data/projectData.ts b/src/portfolio/data/projectData.ts index 116f973..4dd47f9 100644 --- a/src/portfolio/data/projectData.ts +++ b/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.bootstrap + TechnologyEnum.css ], github: "https://github.com/KuchtaVR6/Portfolio", access: "/" diff --git a/src/portfolio/data/workExperienceData.ts b/src/portfolio/data/workExperienceData.ts index ffab113..57985de 100644 --- a/src/portfolio/data/workExperienceData.ts +++ b/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" + - "positions. Although they are not the most relevant to my career path, I still believe there I had\n" + - "learned plenty from them in regards to depending on each other, reliability and teamwork. Since last\n" + - "year I have been moving more toward the education industry. I have experience working as a tutor in\n" + - "a significant number of companies. Furthermore, I am working as a Laboratory Demonstrator for Queen\n" + - "Mary University of London. This position involves assisting, teaching and marking students, which is\n" + - "a great opportunity to broaden my IT knowledge and improve my interpersonal skills."; + "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 " + + "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 " + + "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 " + + "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; \ No newline at end of file diff --git a/src/portfolio/helpers/Project.tsx b/src/portfolio/helpers/Project.tsx index 497b56d..09e0aeb 100644 --- a/src/portfolio/helpers/Project.tsx +++ b/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) => { diff --git a/src/portfolio/sections/Projects.tsx b/src/portfolio/sections/Projects.tsx index 197a5d0..aefa070 100644 --- a/src/portfolio/sections/Projects.tsx +++ b/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 (
{ } +
+

Other useful links about me:

+
    + { + otherLinks.map(({title, link}, key) => { + return ( +
  • + + {title} + +
  • + ); + } + ) + } +
+
); }; diff --git a/src/portfolio/styling/experience.module.scss b/src/portfolio/styling/experience.module.scss index f26e60f..39e8e97 100644 --- a/src/portfolio/styling/experience.module.scss +++ b/src/portfolio/styling/experience.module.scss @@ -15,6 +15,7 @@ margin: 0 auto 0 auto; width: 40em; max-width: 70vw; + line-height: 1.7; } } diff --git a/src/portfolio/styling/intro.module.scss b/src/portfolio/styling/intro.module.scss index 26bc33a..98a0da6 100644 --- a/src/portfolio/styling/intro.module.scss +++ b/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; } \ No newline at end of file diff --git a/src/portfolio/styling/projects.module.scss b/src/portfolio/styling/projects.module.scss index ec51ca7..90ff3a3 100644 --- a/src/portfolio/styling/projects.module.scss +++ b/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; +} +