diff --git a/public/multiAgent.pdf b/public/multiAgent.pdf new file mode 100644 index 0000000..f77e56d Binary files /dev/null and b/public/multiAgent.pdf differ diff --git a/public/portfolio/projects/port2.png b/public/portfolio/projects/architect.png similarity index 100% rename from public/portfolio/projects/port2.png rename to public/portfolio/projects/architect.png diff --git a/public/portfolio/projects/ipp.png b/public/portfolio/projects/ipp.png index f36be62..d76a10a 100644 Binary files a/public/portfolio/projects/ipp.png and b/public/portfolio/projects/ipp.png differ diff --git a/public/portfolio/projects/naturalComputing.png b/public/portfolio/projects/naturalComputing.png index bed77da..186e1d2 100644 Binary files a/public/portfolio/projects/naturalComputing.png and b/public/portfolio/projects/naturalComputing.png differ diff --git a/public/portfolio/projects/psychotherapist.png b/public/portfolio/projects/psychotherapist.png new file mode 100644 index 0000000..efa1df9 Binary files /dev/null and b/public/portfolio/projects/psychotherapist.png differ diff --git a/public/portfolio/view/images/about.png b/public/portfolio/view/images/about.png deleted file mode 100644 index f038d50..0000000 Binary files a/public/portfolio/view/images/about.png and /dev/null differ diff --git a/public/portfolio/view/images/cpp.png b/public/portfolio/view/images/cpp.png deleted file mode 100644 index a04bbc4..0000000 Binary files a/public/portfolio/view/images/cpp.png and /dev/null differ diff --git a/public/portfolio/view/images/css.png b/public/portfolio/view/images/css.png deleted file mode 100644 index 864dc23..0000000 Binary files a/public/portfolio/view/images/css.png and /dev/null differ diff --git a/public/portfolio/view/images/html.png b/public/portfolio/view/images/html.png deleted file mode 100644 index 10fd4cf..0000000 Binary files a/public/portfolio/view/images/html.png and /dev/null differ diff --git a/public/portfolio/view/images/java.png b/public/portfolio/view/images/java.png deleted file mode 100644 index 2a16e26..0000000 Binary files a/public/portfolio/view/images/java.png and /dev/null differ diff --git a/public/portfolio/view/images/javascript.png b/public/portfolio/view/images/javascript.png deleted file mode 100644 index ea04d11..0000000 Binary files a/public/portfolio/view/images/javascript.png and /dev/null differ diff --git a/public/portfolio/view/images/php.png b/public/portfolio/view/images/php.png deleted file mode 100644 index d264e62..0000000 Binary files a/public/portfolio/view/images/php.png and /dev/null differ diff --git a/public/portfolio/view/images/profile.png b/public/portfolio/view/images/profile.png deleted file mode 100644 index 3458903..0000000 Binary files a/public/portfolio/view/images/profile.png and /dev/null differ diff --git a/public/portfolio/view/images/python.png b/public/portfolio/view/images/python.png deleted file mode 100644 index 3c71c9c..0000000 Binary files a/public/portfolio/view/images/python.png and /dev/null differ diff --git a/public/portfolio/view/images/sql.png b/public/portfolio/view/images/sql.png deleted file mode 100644 index a5c88ec..0000000 Binary files a/public/portfolio/view/images/sql.png and /dev/null differ diff --git a/public/portfolio/view/images/top.png b/public/portfolio/view/images/top.png deleted file mode 100644 index 309c93b..0000000 Binary files a/public/portfolio/view/images/top.png and /dev/null differ diff --git a/public/portfolio/view/index.html b/public/portfolio/view/index.html deleted file mode 100644 index aa561be..0000000 --- a/public/portfolio/view/index.html +++ /dev/null @@ -1,561 +0,0 @@ - - - - - - Patryk Kuchta - - - - - - - - - - - - - - - - - - - - - - -
-
- -
-
-
- Please be aware that this website is only a preview of my previous work! - Most information here has not been updated since I have created my newest website: - If you are visiting to read about me please click here to go to the newest website. -
-
-
-
- picture of me -
-
-

Hello! My name is Patryk Kuchta. I'm a Computer Science Student at Queen Mary University in - London. I'm looking forward to becoming a Software Engineer.

-

-
- Growing up in the era of rapid digitalization, by the time I was in high school, I was sure where I - was heading for my career, and it was computer science. Why? Because computers are my hobby and I - love solving logical-mathematical problems, furthermore there are plenty of ways to apply IT to - regular Engineering, which always was something that I was interested in. Getting a place at a very - reputable Queen Mary University in London and a job at Queen Mary University as a Demonstrator - (Teaching Assistant) - put me on the right track to achieve success in my life. -
-
-
-
-
-

- Education - Experience - Certificates - Skills - Projects - Contact -
-
-
-
-
-
-
-
-

- "An investment in knowledge pays the best interest."
Benjamin Franklin -

-
-
-

- Second year student at Queen Mary University, London - - Since September 2020 -
- Course: (BSc) Computer Science
- • First year’s average mark at 89%
- • 1st in all eight modules -

-
-

- Jan Zamoyski High School, Warsaw - - 2017 - 2020 -
- • Class with extended Mathematics, IT and Physics -

-
-
-
-
-
-
-
-

- My professional experience -

-

- Although I am only 20 years old, I have already worked in 7 different companies. This of course gave - me a lot of insight into how companies work, both those big and startups. My early jobs - centred around hospitality and retail, which gave me knowledge about problems that could be solved - using IT in those areas. Lately, I'm mostly involved in positions about teaching and supporting - students, which are stimulating my skills that are important in IT workplaces, for example, the - ability to explain concepts to a 'non-IT' crowd, and leading a team. In February, in keeping with my - passion for teaching I have decided to start working as a freelance private tutor. -

-
-
-
-
-
-

- Freelance private Tutoring @ Kuchta Tutoring - - Since February 2022 -
-


- - • Find out more here
- • Further improved my tutoring skills
- • Gained a lot of knowledge into how businesses are run -
-

-
-
-
-
-
-
-
-
-

- Demonstrator at Queen Mary University in London - - Since September 2021 -
-


- - • Improved my interpersonal skills
- • Gained further professionalism in a remote working environment
- • Gained knowledge in explaining IT concepts in a professional manner
- • Tailored resources for individual needs -
-

-
-
-
-
-

- Tutor at FireTechCamp in London - - Since January 2022 -
-


- - • Improved my interpersonal skills
- • Gained further professionalism in remote working environments
- • Gained knowledge in explaining IT concepts in a professional manner
- • Refined my experience with tailoring resources for individual needs
-
-

-
-
-
-
-
-
-

- Tutor at MyTutor in London - - Since December 2021 -
-


- - • Acquired experience tutoring “one to one”
- • Gained further professionalism in remote working environments
- • Gained knowledge in explaining computer science concepts
- • Refined my experience with tailoring resources for individual needs
-
-

-
-
-
-
-

- Coding Tutor at Kodland in London - - May - August 2021 -
-


- - • Improved my presentational skills
- • Gained experience in a remote working environment
- • Gained skills in explaining programming principles

-
-

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

- Acquired certification -

-
-
-

- IELTS Academic C1 - - 2020 -
- Listening: 9.0, Reading: 8.0, Writing: 6.5, Speaking: 7.0, Overall: 7.5 -

-
-

- Project Management Principles - - 2019 - -

-
-
-

- Full EU Driver’s License - - 2015 and 2019 -
- AM and B Categories. -

-
-

- Project Management Fundamentals - - 2019 - -

-
-
-
-
-
-
- -
-
-

- Some of the skills, that I have gained throught my life. -

-

- Programming languages -

-
-
- java -
-
- python -
-
- cpp -
-
- sql -
-
- javascript -
-
- php -
-
- html -
-
- css -
-
-

- Languages -

-
-
-
-

- - Polish -


- Native - - - C2 - -

-
-
-
-
-

- - English -


- Advanced - - - C1 - -

-
-
-
-
-

- - German -


- Intermediate - - - B2 - -

-
-
-
-

- Other Skills -

-
-
- - Ability to work in fast-paced environments - -
-
- - Extensive knowledge in consumer electronics, motorbikes and cars - -
-
- - Expertise in photo and video editing - -
-
- - Proficiency in using Microsoft Office and Linux - -
-
- - Ability to solder, build, diagnose and repair computers - -
- -
- - Great communication skills and ability to work in team - -
-
-
-
-
-
-
-
-
-
-

Some of my most intresting projects

-
-
-

This portfolio website

-
-
- -
-
-

- This website was created with a clear and elegant design in mind. This meant - reducing flamboyant animations and effects to the minimum as that would make it - harder the convey the message. To create this website I have used HTML, CSS and - Bootstrap. The absence of javascript is to ensure maximum optimisation and - compatibility. Furthermore, this will mean that this website will be very - responsive no matter what device is being used. Use of Bootstrap only adds to - the compatibility argument. -
-
- Go back to the top
- Github repository -

-
-
-
-
-
-
-

A portfolio website for an Architect

-
-
- -
-
-

- Another professional website, that I have created is a portfolio website for an - Architect. The design was a vital part of the whole experience as an Architect - needs to exhibit their design language. The creation of this website involved - using HTML, CSS and Javascript. Javascript is mainly used for the integrated - gallery view of each project. Whilst I didn't come up with the design, I was tasked - with translating sketches into code. Furthermore, Bootstrap was used to - ensure that the website still looks stunning on a mobile device or a vertical - screen. - -

- Link to the website
- - Github repository -

-
-
-
-
-
-
-

A discord bot

-
-
- -
-
-

- To further expand my knowledge in python and APIs, I developed a fully - functional bot that creates embedded messages. Although the task might seem not - that hard, I gave myself a requirement that the system must have - professional-grade exception catching and an interface that will make it very - easy to use by someone less fluent in command based interaction. This made it a much - bigger project with extensive testing and a steep learning curve. - Even though it was my third discord bot this one was the most challenging and I - have learned a lot from writing it. -
-
- Link - for inviting the bot -

-
-
-
-
-
-
-

DIY AndroidAuto Car Infotainment

-
-
- -
-
-

- A project that I did during the first lockdown, was creating an AndroidAuto - based infotainment system for my Dads car. This project gave me a chance to work - with Linux, Python, RaspberryPi, 3D printing and design (in Blender), soldering, - relays and electronics in general. It had all features of a full AndroidAuto - experience including wake on Ignition, separate volume adjustment and a - touchscreen. Because I was only using the most basic electronic components - possible this allowed me to design and create electrical circuits. - Furthermore, a lot of parts were 3D printed and I had to ensure that components - that I created were shake and heat resistant so they can survive in a car - environment. -

-
-
-
-
-
-
-
-
-
-
- -
-
-

- Patryk Kuchta -

-
-

- Phone number: - - 07467 174589 -
-

-
-

- Email: - - patrick@kuchta.uk - -

-
-

- Discord: - - Kuchta#1111 -
-

-
-

- Github: - - https://github.com/KuchtaVR6 -
-

-
-

- Linkedin: - - https://www.linkedin.com/in/kuchtap/ -
-

-
-
- -
-
-
- - - \ No newline at end of file diff --git a/public/portfolio/view/stylesheets/reset.css b/public/portfolio/view/stylesheets/reset.css deleted file mode 100644 index b1bb257..0000000 --- a/public/portfolio/view/stylesheets/reset.css +++ /dev/null @@ -1,7 +0,0 @@ -html, body, div, span, h1, h2, h3, h4, h5, h6, p, table, hgroup, section, a, img, caption, figcaption { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - vertical-align: baseline; - } \ No newline at end of file diff --git a/public/portfolio/view/stylesheets/style.css b/public/portfolio/view/stylesheets/style.css deleted file mode 100644 index eca7350..0000000 --- a/public/portfolio/view/stylesheets/style.css +++ /dev/null @@ -1,240 +0,0 @@ -@media screen and (prefers-reduced-motion: no-preference) { - html { - scroll-behavior: smooth; - } -} -@media (orientation: landscape) { - #intro{ - min-height: 100vh; - background: rgb(59,86,166); - background: linear-gradient(139deg, rgba(59,86,166,1) 0%, rgba(169,60,81,1) 29%, rgba(59,86,166,1) 64%); - background-size: auto 100%; - background-repeat: no-repeat; - color: rgb(255, 255, 255); - font-family: 'Montserrat', sans-serif; - } - .profile{ - margin-top: 30vh; - height: 70vh; - } - .triangle - { - bottom: 0; - right: 0; - width: 0; - height: 0; - border-bottom: 5vw solid rgba(136, 136, 136, 0.747); - border-left: 5vw solid transparent; - margin: 0%; - } - .floatingwarning{ - position: fixed; - padding: 2%; - bottom: 10%; - left: 10%; - z-index: 2; - background-color: rgba(0, 0, 0, 0.68); - color: white; - font-size: 1.5em; - width: 40%; - } -} -@media (orientation: portrait) { - #intro{ - min-height: 100vh; - background: rgb(59,86,166); - background: linear-gradient(139deg, rgba(59,86,166,1) 0%, rgba(169,60,81,1) 29%, rgba(59,86,166,1) 64%); - background-size: 100% auto; - background-repeat: no-repeat; - color: rgb(255, 255, 255); - font-family: 'Montserrat', sans-serif; - } - .profile{ - display: none; - } - .triangle - { - bottom: 0; - right: 0; - width: 0; - height: 0; - border-bottom: 20vw solid rgba(136, 136, 136, 0.747); - border-left: 20vw solid transparent; - margin: 0%; - } - .floatingwarning{ - position: fixed; - padding: 1%; - bottom: 2%; - left: 2%; - z-index: 2; - background-color: rgba(0, 0, 0, 0.68); - color: white; - font-size: 1.125em; - width: 60%; - } -} - -#floatingmenu{ - position: fixed; - z-index: 2; - bottom: 0; - right: 0; -} - -#intro p{ - line-height: 1.5; -} -.jumpto{ - font-weight: bold; - /*background-color: rgba(255, 255, 255, 0.171); - border: 1px solid #4d4d4d; - border-radius: 10px; - box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0; - */ - box-sizing: border-box; - color: #fdfdfd; - cursor: pointer; - display: inline-block; - font-family: "Montserrat",sans-serif; - font-size: 100%; - margin: 4 px; - padding: 5px; - text-decoration: none; - text-align: center; - vertical-align: middle; - font-weight: bold; -} -.jumpto:hover { - background-color: rgba(255, 255, 255, 0.9); - text-decoration: none; -} -.jumpto img{ - width: 3vw; -} -#intro h1{ - font-size: 230%; - padding-top: 15%; - padding-bottom: 2%; -} -#intro_text{ - font-size: 120%; - padding-right: 2%; - padding-bottom: 3%; -} -#education .white_text{ - margin-top: 7%; - margin-bottom: 6%; -} -.white_text{ - font-family: 'Mulish', sans-serif; - padding: 4% 2% 4% 2%; - font-size: 120%; -} -#certification .white_text{ - padding: 10% 5% 10% 5%; -} -.white_text h2{ - font-size: 400%; -} -#experience{ - background: rgb(125,59,166); - background: linear-gradient(30deg, rgba(125,59,166,1) 0%, rgba(59,86,166,1) 43%, rgba(125,59,166,1) 100%); - color: white; -} -.colour_head{ - text-align: center; - padding: 10% 0% 1% 0%; - font-family: 'Montserrat', sans-serif; - font-size: 370%; -} -#skills p{ - text-align: center; - padding: 3% 0% 3% 0%; - font-size: 200%; - font-family: 'Montserrat', sans-serif; -} -#exp_text{ - padding: 3% 20% 3% 20%; - line-height: 2; - font-weight: 600; - font-family: 'Montserrat', serif; -} -.binner{ - color: rgb(0, 0, 0); - padding: 6% 3% 6% 3%; - font-size: 110%; - line-height: 2; - font-family: 'Montserrat', sans-serif; - border-radius: 3%; - margin: 3%; - background-color: rgba(255, 255, 255, 0.8); - box-shadow: 20px 20px rgba(0, 0, 0, 0.288); -} -#skills{ - background: rgb(59,156,166); - background: linear-gradient(30deg, rgba(59,156,166,1) 0%, rgba(59,86,166,1) 61%, rgba(59,156,166,1) 100%); - color: rgb(255, 255, 255); -} -.skillico{ - width: 100%; - padding: 20%; -} -#minorskills{ - padding: 0% auto; - margin-left: 5%; - margin-bottom: 10%; -} -.smallcont{ - display: inline-block; - margin: 1%; - padding: 2%; - color: rgb(0, 0, 0); - font-size: 130%; - font-family: 'Montserrat', sans-serif; - border-radius: 3%; - background-color: rgba(255, 255, 255, 0.459); - box-shadow: 5px 10px rgba(0, 0, 0, 0.432); -} -.smallhead{ - padding-top: 4% !important; -} -.languages .binner{ - padding: 8% 20% 8% 20%; -} -#projects{ - text-align: center; -} -.project{ - margin-top: 4%; - margin-bottom: 4%; - padding: 1%; -} -.project h1{ - padding: 3% 0% 3% 0%; - font-size: 350%; -} -.imgproject{ - width: 100%; - padding-bottom: 5%; -} -.projecttext{ - font-size: 100%; - text-align:justify; -} -.totop{ - position: absolute; - top: 50%; - left: 50%; - width: 40%; - padding: 0%; - opacity: 10%; -} -.triangle:hover .totop{ - opacity: 100%; -} -.date{ - font-style: italic; - float: right; - font-size: 80%; -} \ No newline at end of file diff --git a/src/portfolio/data/projectData.ts b/src/portfolio/data/projectData.ts index 281cb79..4ffcff9 100644 --- a/src/portfolio/data/projectData.ts +++ b/src/portfolio/data/projectData.ts @@ -11,6 +11,8 @@ const projectData : ProjectArguments[] = [ SkillEnum.dataEngineering, SkillEnum.nlp ], + github: "https://github.com/KuchtaVR6/Multi-LLM-Agent", + document: "/multiAgent.pdf", title: "Research Review of Neural Techniques for low-resource language translation", text: "In this work, I explore a practical and cost-effective approach to improving how AI models interact with external tools and APIs. Instead of relying on large, expensive models or complex zero-shot learning methods, I utilize a modular pipeline using smaller, specialized components (Planner, Caller, Summariser) trained separately. I introduce to it a hard routing agent system that assigns tasks to expert adapters based on API categories, the system achieves performance that surpasses much larger closed-source models on a key benchmark. This approach enables more efficient, decentralized training and has potential applications beyond the tool-use QA task." }, @@ -25,7 +27,7 @@ const projectData : ProjectArguments[] = [ SkillEnum.dataEngineering, SkillEnum.computerVision ], - access: "/DNNpropertyEstimation.pdf", + document: "/DNNpropertyEstimation.pdf", text: "Conducted within a group of three, this project presents a novel deep learning approach to predicting apartment prices using both images and structured data. The model combines feed-forward and DenseNet convolutional networks, enhanced through transfer learning and advanced regularization techniques. To address regional and temporal variations in the housing market, we introduced a geo-temporally normalized loss function—an innovation tailored for real-world market dynamics. Uniquely, the study also incorporates transport and point-of-interest maps as part of the feature set. Evaluated on a partially self-collected Latvian real estate dataset, the system achieved a strong R² score of 0.7287, surpassing previous methods in the field." }, { @@ -36,7 +38,7 @@ const projectData : ProjectArguments[] = [ SkillEnum.research ], text: "This 2025 research proposal explores new ways to enhance tool use in small language models by distributing tasks across multiple fine-tuned agents. Building on recent advances in parameter-efficient fine-tuning (PEFT), the proposed study investigates novel task divisions and tuning strategies to improve the effectiveness of multi-agent LLM systems. While still in the proposal stage, this work aims to contribute to the growing field of tool-augmented AI by making small models more capable and cost-efficient.", - access: "/ResearchReview.pdf" + document: "/ResearchReview.pdf" }, { imagePath: "researchReview.png", @@ -46,7 +48,7 @@ const projectData : ProjectArguments[] = [ SkillEnum.research ], text: "As part of my Master's program, I had the opportunity to conduct an in-depth research review on \"Neural Techniques for Low-Resource Language Translation,\" which received excellent marks across all criteria. By critically evaluating the current state of the art in this field, I gained valuable insights into the potential of neural machine translation to break down language barriers and enable better communication across different cultures and communities. I am proud to showcase this project on my website and contribute to the ongoing efforts to improve low-resource language translation. This report was marked as 'excellent' for every criterion assessed in this course.", - access: "/ResearchReview.pdf" + document: "/ResearchReview.pdf" }, { imagePath: "naturalComputing.png", @@ -57,7 +59,7 @@ const projectData : ProjectArguments[] = [ ], text: "During my Master's program, I had the opportunity to take a course on Natural Computing, where I implemented and analyzed three major algorithms: Particle Swarm Optimization (PSO), Genetic Algorithms (GA), and Genetic Programming (GP). This coursework allowed me to gain hands-on experience with these powerful optimization techniques, which are inspired by natural phenomena such as swarm intelligence and evolution. Through this project, I developed a deep understanding of the underlying principles of natural computing and its potential applications in various fields, such as engineering, finance, and biology. I am excited to showcase my implementation and analysis of PSO, GA, and GP on my website and demonstrate my proficiency in natural computing techniques.", github: "https://github.com/KuchtaVR6/nat_coursework", - access: "/PatrykKuchta_nat.pdf" + document: "/PatrykKuchta_nat.pdf" }, { imagePath: "learnopedia.png", @@ -70,8 +72,7 @@ const projectData : ProjectArguments[] = [ SkillEnum.css, SkillEnum.express, ], - github: "https://github.com/KuchtaVR6/Learnopedia", - access: "https://learnopedia.kuchta.uk" + github: "https://github.com/KuchtaVR6/Learnopedia" }, { imagePath: "cifar10.png", @@ -121,7 +122,18 @@ const projectData : ProjectArguments[] = [ github: "https://github.com/KuchtaVR6/PhotoCa.st" }, { - imagePath: "port2.png", + imagePath: "psychotherapist.png", + title: "Portfolio website for an Psychotherapist", + text: "I created a portfolio website for a psychotherapist, working closely with the client to develop a design that feels calm, professional, and welcoming. Using React, TypeScript, and CSS, I translated our collaborative vision into a fully responsive and accessible site. The layout and visual style were carefully crafted to reflect the therapist’s approach and values. I ensured seamless performance across devices and screen sizes, with attention to both aesthetics and usability.", + tech: [ + SkillEnum.react, + SkillEnum.typescript, + SkillEnum.css + ], + access: "https://agatatherapy.com/" + }, + { + imagePath: "architect.png", title: "Portfolio website for an Architect", text: "Another professional website, that I have created is a portfolio website for an Architect. The design was a vital part of the whole experience as an Architect needs to exhibit their design language. The creation of this website involved using HTML, CSS and Javascript. Javascript is mainly used for the integrated gallery view of each project. Whilst I didn't come up with the design, I was tasked with translating sketches into code. Furthermore, Bootstrap was used to ensure that the website still looks stunning on a mobile device or a vertical screen.", tech: [ @@ -133,17 +145,17 @@ const projectData : ProjectArguments[] = [ github: "https://github.com/KuchtaVR6/Portfolio-for-an-Architect", access: "https://aleksandrakuchta.co.uk/" }, - { - imagePath: "port1.png", - title: "My previous portfolio website", - text: "This website was created as a challenge to myself to create an eye-pleasing and portable website with limited time. I decided to make it purely using HTML and CSS, and for the portability, I have used Bootstrap CSS. The resulting product is an informative, simple and good looking portfolio, which I was quite happy with. Throughout this academic year, I have gained more confidence in using React, I have decided to remake my portfolio this time with a more interesting and responsive design in mind, whilst maintaining the readability of the older version.", - tech: [ - SkillEnum.html, - SkillEnum.css, - SkillEnum.bootstrap - ], - github: "https://github.com/KuchtaVR6/porfolio2021", - }, + // { + // imagePath: "port1.png", + // title: "My previous portfolio website", + // text: "This website was created as a challenge to myself to create an eye-pleasing and portable website with limited time. I decided to make it purely using HTML and CSS, and for the portability, I have used Bootstrap CSS. The resulting product is an informative, simple and good looking portfolio, which I was quite happy with. Throughout this academic year, I have gained more confidence in using React, I have decided to remake my portfolio this time with a more interesting and responsive design in mind, whilst maintaining the readability of the older version.", + // tech: [ + // SkillEnum.html, + // SkillEnum.css, + // SkillEnum.bootstrap + // ], + // github: "https://github.com/KuchtaVR6/porfolio2021", + // }, { imagePath: "proj2.png", title: "A discord bot for colourful messages", @@ -166,19 +178,19 @@ const projectData : ProjectArguments[] = [ SkillEnum.design3d ] }, - { - imagePath: "port3.png", - title: "My current portfolio website", - text: "And finally, this website is my most recent project. Design-wise I wanted to keep the website minimalistic but stunning at the same time to show my skills, and I have kept accessibility in mind. I had created this project with plentiful react to experience and I created this website with a very high standard of code and with reusability in mind so that I don't have to rewrite this website in the future. Admittedly I will probably end up doing it anyway because I love coding and improving my websites. ", - tech: [ - SkillEnum.react, - SkillEnum.html, - SkillEnum.javascript, - SkillEnum.css - ], - github: "https://github.com/KuchtaVR6/Portfolio", - access: "/" - } + // { + // imagePath: "port3.png", + // title: "My current portfolio website", + // text: "And finally, this website is my most recent project. Design-wise I wanted to keep the website minimalistic but stunning at the same time to show my skills, and I have kept accessibility in mind. I had created this project with plentiful react to experience and I created this website with a very high standard of code and with reusability in mind so that I don't have to rewrite this website in the future. Admittedly I will probably end up doing it anyway because I love coding and improving my websites. ", + // tech: [ + // SkillEnum.react, + // SkillEnum.html, + // SkillEnum.javascript, + // SkillEnum.css + // ], + // github: "https://github.com/KuchtaVR6/Portfolio", + // access: "/" + // } ]; export default projectData; \ No newline at end of file diff --git a/src/portfolio/helpers/Project.tsx b/src/portfolio/helpers/Project.tsx index 5016960..efe4b7e 100644 --- a/src/portfolio/helpers/Project.tsx +++ b/src/portfolio/helpers/Project.tsx @@ -1,7 +1,7 @@ import Image from "next/image"; import styles from "../styling/projects.module.scss"; import {VscGithub} from "react-icons/vsc"; -import {BsGlobe2} from "react-icons/bs"; +import {BsGlobe2, BsFileEarmarkMedical} from "react-icons/bs"; export interface ProjectArguments { imagePath : string, @@ -9,7 +9,8 @@ export interface ProjectArguments { text : string, tech : SkillEnum[], github? : string, - access? : string + access? : string, + document? : string, } export enum SkillEnum { @@ -46,7 +47,7 @@ export enum SkillEnum { english = "English", } -const Project = ({imagePath, title, text, github, access} : ProjectArguments) => { +const Project = ({imagePath, title, text, github, access, document} : ProjectArguments) => { return (
@@ -63,6 +64,10 @@ const Project = ({imagePath, title, text, github, access} : ProjectArguments) => : ""} + {document? + + + : ""}
diff --git a/src/portfolio/sections/Footer.tsx b/src/portfolio/sections/Footer.tsx index b077c0a..d12129a 100644 --- a/src/portfolio/sections/Footer.tsx +++ b/src/portfolio/sections/Footer.tsx @@ -3,7 +3,7 @@ import styles from "../styling/footer.module.scss"; const Footer = () => { return ( ); }; diff --git a/src/portfolio/sections/Projects.tsx b/src/portfolio/sections/Projects.tsx index f55c340..f696ac2 100644 --- a/src/portfolio/sections/Projects.tsx +++ b/src/portfolio/sections/Projects.tsx @@ -9,7 +9,7 @@ const Projects = () => { diff --git a/src/portfolio/styling/projects.module.scss b/src/portfolio/styling/projects.module.scss index cb0caf5..f1eccde 100644 --- a/src/portfolio/styling/projects.module.scss +++ b/src/portfolio/styling/projects.module.scss @@ -36,10 +36,17 @@ display: flex; .imageContainer { - margin: auto 0; + margin: auto; position: relative; - width: 100%; + max-width: 100%; + max-height: 60vh; @include nextImg; + + img { + width: 100%; + height: 100%; + object-fit: contain; // or 'contain' depending on the effect you want + } } .tech {