casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor(Curriculum): cleanup hydration error warnings

Browse Source
This commit is contained in:
m-tartari
2025-07-03 11:53:30 +02:00
parent 45ce17cf07
commit 3b47a782de
1 changed files with 114 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/CurriculumPage/CurriculumPage.tsx
+114 -122
View File
@@ -1,4 +1,4 @@
import { Box, Divider, Link, Stack, Table, TableCell, TableRow, Typography } from '@mui/material' import { Box, Divider, Link, Stack, Table, TableBody, TableCell, TableRow, Typography } from '@mui/material'
import { Award, ExternalIconLink, Extracurricular, Publication, SectionHeader, SectionSubheader } from 'components/atoms/index.js' import { Award, ExternalIconLink, Extracurricular, Publication, SectionHeader, SectionSubheader } from 'components/atoms/index.js'
import { CurriculumItem } from 'components/molecules/index.js' import { CurriculumItem } from 'components/molecules/index.js'
@@ -12,20 +12,18 @@ const Curriculum = () => {
{/* id="selfemployed-software" */} {/* id="selfemployed-software" */}
<CurriculumItem title="Software Engineering Consultant" dates="04/24 - Today" company="Self-Employed" location="Remote"> <CurriculumItem title="Software Engineering Consultant" dates="04/24 - Today" company="Self-Employed" location="Remote">
<Typography> <Typography component="ul" sx={{ paddingLeft: '1em', marginTop: 0 }}>
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <li>
<li> Design and development of customized graphical interfaces and software components to facilitate the use of robots and industrial
Design and development of customized graphical interfaces and software components to facilitate the use of robots and industrial machines.
machines. </li>
</li> <li>Production and maintenance of revisions of the documentation.</li>
<li>Production and maintenance of revisions of the documentation.</li> <li>Providing technical assistance for R&D activities.</li>
<li>Providing technical assistance for R&D activities.</li>
</ul>
</Typography> </Typography>
</CurriculumItem> </CurriculumItem>
{/* id="MinHub-lead" */} {/* id="MinHub-lead" */}
<CurriculumItem title="Business Partner & Technical Lead" dates="03/23 - 12/24" company="MindHub Ferrara" location="Ferrara, Italy"> <CurriculumItem title="Business Partner & Technical Lead" dates="03/23 - 12/24" company="MindHub Ferrara" location="Ferrara, Italy">
<Typography> <Typography component="div">
Co-founded{' '} Co-founded{' '}
<Link <Link
target="_blank" target="_blank"
@@ -49,7 +47,7 @@ const Curriculum = () => {
</CurriculumItem> </CurriculumItem>
{/* id="IIT-software" */} {/* id="IIT-software" */}
<CurriculumItem title="Software Engineer" dates="06/21 - 04/24" company="Istituto Italiano di Tecnologia" location="Remote"> <CurriculumItem title="Software Engineer" dates="06/21 - 04/24" company="Istituto Italiano di Tecnologia" location="Remote">
<Typography> <Typography component="div">
Worked in{' '} Worked in{' '}
<Link target="_blank" rel="noopener noreferrer" href="https://web.archive.org/web/20220706131402/https://alberobotics.it/"> <Link target="_blank" rel="noopener noreferrer" href="https://web.archive.org/web/20220706131402/https://alberobotics.it/">
Alberobotics Alberobotics
@@ -76,7 +74,7 @@ const Curriculum = () => {
</CurriculumItem> </CurriculumItem>
{/* id="IIT-embedded" */} {/* id="IIT-embedded" */}
<CurriculumItem title="Embedded Engineer" dates="04/20 - 06/21" company="Istituto Italiano di Tecnologia" location="Genoa, Italy"> <CurriculumItem title="Embedded Engineer" dates="04/20 - 06/21" company="Istituto Italiano di Tecnologia" location="Genoa, Italy">
<Typography> <Typography component="div">
Worked in{' '} Worked in{' '}
<Link target="_blank" rel="noopener noreferrer" href="https://web.archive.org/web/20220706131402/https://alberobotics.it/"> <Link target="_blank" rel="noopener noreferrer" href="https://web.archive.org/web/20220706131402/https://alberobotics.it/">
Alberobotics Alberobotics
@@ -104,7 +102,7 @@ const Curriculum = () => {
dates="01/19 - 06/19" dates="01/19 - 06/19"
company="Warsaw University of Technology - Division of Theory of Machines and Robots" company="Warsaw University of Technology - Division of Theory of Machines and Robots"
location="Warsaw, Poland"> location="Warsaw, Poland">
<Typography> <Typography component="div">
My main duties included: My main duties included:
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <ul style={{ paddingLeft: '1em', marginTop: 0 }}>
<li>Developing a voice interface and some user detection strategies for low-power robotic systems using ROS.</li> <li>Developing a voice interface and some user detection strategies for low-power robotic systems using ROS.</li>
@@ -115,7 +113,7 @@ const Curriculum = () => {
</CurriculumItem> </CurriculumItem>
{/* id="WUT-intern" */} {/* id="WUT-intern" */}
<CurriculumItem title="Researcher - Internship" dates="01/17 - 02/17" company="LAR - University of Bologna" location="Bologna, Italy"> <CurriculumItem title="Researcher - Internship" dates="01/17 - 02/17" company="LAR - University of Bologna" location="Bologna, Italy">
<Typography> <Typography component="div">
My main duties included: My main duties included:
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <ul style={{ paddingLeft: '1em', marginTop: 0 }}>
<li>Developing a setup to control a shape memory alloy material using an embedded PC (a Beagle Bone Black).</li> <li>Developing a setup to control a shape memory alloy material using an embedded PC (a Beagle Bone Black).</li>
@@ -157,26 +155,24 @@ const Curriculum = () => {
// (grade: 5/5,summa cum laude) // (grade: 5/5,summa cum laude)
location="Warsaw, Poland" location="Warsaw, Poland"
dates="09/18 - 06/19"> dates="09/18 - 06/19">
<Typography> <Typography component="ul" sx={{ paddingLeft: '1em', marginTop: 0 }}>
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <li>Consortium scholarship issued for EMARO+ students based on academic merits and offered to top applicants only.</li>
<li>Consortium scholarship issued for EMARO+ students based on academic merits and offered to top applicants only.</li> <li>Relevant courses: Research Methodology, Bio-Robotics, Dynamics of Multi-Body Systems, Advanced Mechanical Design.</li>
<li>Relevant courses: Research Methodology, Bio-Robotics, Dynamics of Multi-Body Systems, Advanced Mechanical Design.</li> <li>Other relevant courses: 2 exams of Polish language and 1 of Polish culture.</li>
<li>Other relevant courses: 2 exams of Polish language and 1 of Polish culture.</li> <li>
<li> Thesis:{' '}
Thesis:{' '} <Link
<Link target="_blank"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer" href="https://drive.google.com/drive/folders/1Y7TJJN8z1llCkSTnpVHMELD3PqsX8VF9?usp=sharing">
href="https://drive.google.com/drive/folders/1Y7TJJN8z1llCkSTnpVHMELD3PqsX8VF9?usp=sharing"> Voice Controlled Mobile Robot for Indoor Applications
Voice Controlled Mobile Robot for Indoor Applications </Link>{' '}
</Link>{' '} (research publication available{' '}
(research publication available{' '} <Link target="_blank" rel="noopener noreferrer" href="https://doi.org/10.1007/978-3-030-58380-4_7">
<Link target="_blank" rel="noopener noreferrer" href="https://doi.org/10.1007/978-3-030-58380-4_7"> <em>here</em>
<em>here</em> </Link>
</Link> ).
). </li>
</li>
</ul>
</Typography> </Typography>
</CurriculumItem> </CurriculumItem>
{/* id="ECN" */} {/* id="ECN" */}
@@ -185,25 +181,23 @@ const Curriculum = () => {
company="Ecole Centrale de Nantes" company="Ecole Centrale de Nantes"
location="Nantes, France" location="Nantes, France"
dates="09/17 - 06/18"> dates="09/17 - 06/18">
<Typography> <Typography component="ul" sx={{ paddingLeft: '1em', marginTop: 0 }}>
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <li>Consortium scholarship issued for EMARO+ students based on academic merits and offered to top applicants only.</li>
<li>Consortium scholarship issued for EMARO+ students based on academic merits and offered to top applicants only.</li> <li>
<li> Relevant courses: Mobile Robotics, Non-linear Control Theory, Software Architecture for Robotics, Artificial Intelligence, Computer
Relevant courses: Mobile Robotics, Non-linear Control Theory, Software Architecture for Robotics, Artificial Intelligence, Computer Vision, Real Time Systems, Mechanical Design Methods in Robotics, Optimization Techniques.
Vision, Real Time Systems, Mechanical Design Methods in Robotics, Optimization Techniques. </li>
</li> <li>Other relevant courses: 2 exams of French language.</li>
<li>Other relevant courses: 2 exams of French language.</li> <li>
<li> Project:{' '}
Project:{' '} <Link
<Link target="_blank"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer" href="https://drive.google.com/file/d/1wBfvAzy9N8uChNxNj9Kd_hcvI0Qq3uQj/view?usp=sharing">
href="https://drive.google.com/file/d/1wBfvAzy9N8uChNxNj9Kd_hcvI0Qq3uQj/view?usp=sharing"> Recharging electric cars with a mobile robot
Recharging electric cars with a mobile robot </Link>
</Link> .
. </li>
</li>
</ul>
</Typography> </Typography>
</CurriculumItem> </CurriculumItem>
@@ -227,18 +221,16 @@ const Curriculum = () => {
// (grade: 5/5) // (grade: 5/5)
location="Shanghai, China" location="Shanghai, China"
dates="09/14 - 06/17"> dates="09/14 - 06/17">
<Typography> <Typography component="ul" sx={{ paddingLeft: '1em', marginTop: 0 }}>
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <li>Relevant courses: Automation Controls, Electrical Circuit, Logical Design of Digital Systems.</li>
<li>Relevant courses: Automation Controls, Electrical Circuit, Logical Design of Digital Systems.</li> <li>Other relevant courses: 2 Exams about Chinese Language and 3 Exams about Chinese Culture.</li>
<li>Other relevant courses: 2 Exams about Chinese Language and 3 Exams about Chinese Culture.</li> <li>
<li> Thesis:{' '}
Thesis:{' '} <Link target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/0B1z42QMR-0UtYzBYSVhRV3ZPWk0/view?usp=sharing">
<Link target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/0B1z42QMR-0UtYzBYSVhRV3ZPWk0/view?usp=sharing"> Solar Panel Fault Detection Method Based on Infrared Image Processing
Solar Panel Fault Detection Method Based on Infrared Image Processing </Link>
</Link> .
. </li>
</li>
</ul>
</Typography> </Typography>
</CurriculumItem> </CurriculumItem>
{/* id="UniBo" */} {/* id="UniBo" */}
@@ -248,19 +240,17 @@ const Curriculum = () => {
location="Bologna, Italy" location="Bologna, Italy"
//(grade: 102/110) //(grade: 102/110)
dates="09/13 - 12/16"> dates="09/13 - 12/16">
<Typography> <Typography component="ul" sx={{ paddingLeft: '1em', marginTop: 0 }}>
<ul style={{ paddingLeft: '1em', marginTop: 0 }}> <li>Scholarship issued for Almatong Project student based on academic merits and offered to top applicants only.</li>
<li>Scholarship issued for Almatong Project student based on academic merits and offered to top applicants only.</li> <li>Relevant courses: Foundation of Industrial Robotics, Automatic Machines, Computer Architectures.</li>
<li>Relevant courses: Foundation of Industrial Robotics, Automatic Machines, Computer Architectures.</li> <li>Other relevant courses: 2 exams of French language.</li>
<li>Other relevant courses: 2 exams of French language.</li> <li>
<li> Thesis:{' '}
Thesis:{' '} <Link target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/0B1z42QMR-0UtSkxRVzJPTk1IX0k/view?usp=sharing">
<Link target="_blank" rel="noopener noreferrer" href="https://drive.google.com/file/d/0B1z42QMR-0UtSkxRVzJPTk1IX0k/view?usp=sharing"> Design of a Testing Machine for Flexure Hinges
Design of a Testing Machine for Flexure Hinges </Link>
</Link> .
. </li>
</li>
</ul>
</Typography> </Typography>
</CurriculumItem> </CurriculumItem>
@@ -305,50 +295,52 @@ const Curriculum = () => {
<Divider sx={{ mt: 4, mb: 4 }} /> <Divider sx={{ mt: 4, mb: 4 }} />
<SectionHeader>Skills</SectionHeader> <SectionHeader>Skills</SectionHeader>
<Table> <Table>
<TableRow> <TableBody>
<TableCell width="15%"> <TableRow>
<Typography variant="h6" component="b" fontWeight={600}> <TableCell width="15%">
Languages <Typography variant="h6" component="b" fontWeight={600}>
</Typography> Languages
</TableCell> </Typography>
<TableCell width="85%">Italian (Native Speaker), English (Proficient, IELTS 7.5), French (Good), Chinese (Basic, HSK3)</TableCell> </TableCell>
</TableRow> <TableCell width="85%">Italian (Native Speaker), English (Proficient, IELTS 7.5), French (Good), Chinese (Basic, HSK3)</TableCell>
</TableRow>
<TableRow> <TableRow>
<TableCell rowSpan={4} width="15%" id="digital_skills"> <TableCell rowSpan={4} width="15%" id="digital_skills">
<Typography variant="h6" component="b" fontWeight={600}> <Typography variant="h6" component="b" fontWeight={600}>
Digital Digital
</Typography> </Typography>
</TableCell> </TableCell>
<TableCell width="85%"> <TableCell width="85%">
<b>Languages:</b> TypeScript/Javascript (Proficient), Python (Proficient), Bash (Good), C++ (Good), C (Fair) <b>Languages:</b> TypeScript/Javascript (Proficient), Python (Proficient), Bash (Good), C++ (Good), C (Fair)
</TableCell> </TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<b>Softwares:</b> git (Proficient), Matlab (Good), LaTeX (Good), CATIA (Fair) <b>Softwares:</b> git (Proficient), Matlab (Good), LaTeX (Good), CATIA (Fair)
</TableCell> </TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<b>Middleware:</b> Robotic Operative System (ROS, Good) <b>Middleware:</b> Robotic Operative System (ROS, Good)
</TableCell> </TableCell>
</TableRow> </TableRow>
<TableRow> <TableRow>
<TableCell> <TableCell>
<b>OS Used:</b> Linux, Microsoft <b>OS Used:</b> Linux, Microsoft
</TableCell> </TableCell>
</TableRow> </TableRow>
<TableRow sx={{ '&:last-child td': { borderBottom: 0 } }}> <TableRow sx={{ '&:last-child td': { borderBottom: 0 } }}>
<TableCell width="15%"> <TableCell width="15%">
<Typography variant="h6" component="b" fontWeight={600}> <Typography variant="h6" component="b" fontWeight={600}>
Softskills Softskills
</Typography> </Typography>
</TableCell> </TableCell>
<TableCell width="85%"> <TableCell width="85%">
Adaptability, Communication, Creativity, Critical Thinking, Problem-Solving, Self-Organization, Teamworking Adaptability, Communication, Creativity, Critical Thinking, Problem-Solving, Self-Organization, Teamworking
</TableCell> </TableCell>
</TableRow> </TableRow>
</TableBody>
</Table> </Table>
{/* Accomplishments */} {/* Accomplishments */}