Patryk-Kuchta/Portfolio
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

skills section overhaul

Browse Source
This commit is contained in:
Patryk Kuchta
2024-04-11 17:28:22 +01:00
parent 24a59f9164
commit b50fd99ac0
11 changed files with 412 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/portfolio/sections/SkillsAndLinks.tsx
View File

@@ -1,6 +1,8 @@
import styles from "../styling/extraLinks.module.scss";
import SkillDisplay, {ProficiencyLevel} from "@/src/portfolio/helpers/SkillDisplay";
import {SkillEnum} from "@/src/portfolio/helpers/Project";
import styles from "../styling/skillsLinks.module.scss";
import SkillDisplay from "@/src/portfolio/helpers/SkillDisplay";
import Accordion from "@/src/portfolio/helpers/Accordion";
import {skillsInCategories} from "@/src/portfolio/data/skillsData";
import {modulesTaken} from "@/src/portfolio/data/modulesTaken";
const SkillsAndLinks = () => {
const moreInfoLinks = [
@@ -31,40 +33,40 @@ const SkillsAndLinks = () => {
return (
<div className={styles.section} id={"skills"}>
<div data-aos = {"fade-left"} className={styles.otherLinks}>
<h2>Programming Languages</h2>
<SkillDisplay name={SkillEnum.python} level={ProficiencyLevel.master} />
<SkillDisplay name={SkillEnum.typescript} level={ProficiencyLevel.expert} />
<SkillDisplay name={SkillEnum.javascript} level={ProficiencyLevel.expert} />
<SkillDisplay name={SkillEnum.java} level={ProficiencyLevel.advanced} />
<SkillDisplay name={SkillEnum.cpp} level={ProficiencyLevel.intermediate} />
<SkillDisplay name={SkillEnum.php} level={ProficiencyLevel.beginner} />
<div data-aos = {"fade-left"} className={styles.skills}>
<div>
<i>Press the &quot;+&quot; to expand a section</i>&nbsp;👀
</div>
<div className={styles.innerskills}>
{
Object.entries(skillsInCategories).map(([category, skills]) => {
console.log(skills);
return <Accordion title={category} key={category}>
{
skills.map((skill) => {
return <SkillDisplay {...skill} key={skill.name} />;
})
}
</Accordion>;
})
}
<h2>Frameworks/Libraries</h2>
<b>Artificial Intelligence/Data Analysis</b>
<SkillDisplay name={SkillEnum.pytorch} level={ProficiencyLevel.master} />
<SkillDisplay name={SkillEnum.numpy} level={ProficiencyLevel.master} />
<SkillDisplay name={SkillEnum.plt} level={ProficiencyLevel.advanced} />
<SkillDisplay name={SkillEnum.spaCy} level={ProficiencyLevel.intermediate} />
<SkillDisplay name={SkillEnum.tensorflow} level={ProficiencyLevel.beginner} />
<Accordion title={"Modules Taken"}>
{
modulesTaken.map(({name, level, score}) => {
return <div id={name.toLowerCase()}
className={styles.technology}
key={name}>
<b>{name}&nbsp;&nbsp;</b>
<span style={{float: "right", fontSize: "0.8em"}}>
{score>=0? score + "%" : "🔮"} <i>{level}</i>
</span>
</div>;
})
}
</Accordion>
</div>
<b>Web Development</b>
<SkillDisplay name={SkillEnum.react} level={ProficiencyLevel.master} />
<SkillDisplay name={SkillEnum.graphql} level={ProficiencyLevel.expert} />
<SkillDisplay name={SkillEnum.express} level={ProficiencyLevel.advanced} />
<h2>Human Languages</h2>
<SkillDisplay name={SkillEnum.english} level={ProficiencyLevel.master}/>
<SkillDisplay name={SkillEnum.polish} level={ProficiencyLevel.master}/>
<SkillDisplay name={SkillEnum.german} level={ProficiencyLevel.advanced}/>
<h2>Miscellaneous</h2>
<SkillDisplay name={SkillEnum.latex} level={ProficiencyLevel.master}/>
<SkillDisplay name={SkillEnum.webscrape} level={ProficiencyLevel.master}/>
<SkillDisplay name={SkillEnum.research} level={ProficiencyLevel.expert}/>
<SkillDisplay name={SkillEnum.photoshop} level={ProficiencyLevel.advanced}/>
<SkillDisplay name={SkillEnum.videoEditing} level={ProficiencyLevel.advanced}/>
<SkillDisplay name={SkillEnum.design3d} level={ProficiencyLevel.beginner}/>
</div>
<div data-aos = {"fade-right"} className={styles.otherLinks}>
<h2>Find out more about me:</h2>