♻️ refactor(ProjectsPage): add subtitles

This commit is contained in:
2024-02-15 17:12:37 +01:00
parent f0af5646f8
commit feb6e9e246
@@ -1,4 +1,4 @@
import { Box, Link, Typography } from '@mui/material' import { Box, Divider, Link, Typography } from '@mui/material'
import { GitHubIconLink, DescriptionIconLink, VideoIconLink, AcademyIconLink } from 'components/atoms' import { GitHubIconLink, DescriptionIconLink, VideoIconLink, AcademyIconLink } from 'components/atoms'
import { Project } from 'components/molecules' import { Project } from 'components/molecules'
@@ -14,16 +14,25 @@ const ProjectsPage = () => {
<Typography gutterBottom> <Typography gutterBottom>
Here is a collection of all the projects that are strictly related to the design, development and functioning of robots: Here is a collection of all the projects that are strictly related to the design, development and functioning of robots:
</Typography> </Typography>
<Project title="LINFA: An Intuitive Block-Programming Interface for Reconfigurable Robots"> <Project
<VideoIconLink title="LINFA: An Intuitive Block-Programming Interface for Reconfigurable Robots"
size="small" subtitle={
fontSize="small" <>
href="https://www.linkedin.com/feed/update/urn:li:activity:7034480841569284096/" <Typography color="text.secondary" display={{ sm: 'none' }}>
sx={{ color: 'text.secondary' }} Software Engineer @ IIT
/> </Typography>
<Typography component="span" color="text.secondary" gutterBottom> <VideoIconLink
Software Engineer @ IIT size="small"
</Typography> fontSize="small"
href="https://www.linkedin.com/feed/update/urn:li:activity:7034480841569284096/"
sx={{ color: 'text.secondary' }}
/>
{/* <Typography color="text.secondary" display="inline-block"> */}
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Software Engineer @ IIT
</Typography>
</>
}>
<Typography> <Typography>
This project aims to simplify the control, monitoring, and programming of reconfigurable robots through an intuitive block-programming This project aims to simplify the control, monitoring, and programming of reconfigurable robots through an intuitive block-programming
interface. It includes a frontend web app, built with TypeScript and React, allowing users to effortlessly change robot operating modes interface. It includes a frontend web app, built with TypeScript and React, allowing users to effortlessly change robot operating modes
@@ -33,11 +42,19 @@ const ProjectsPage = () => {
integrate custom blocks and capabilities. Automated CI/CD pipelines further streamline integration and deployment processes. integrate custom blocks and capabilities. Automated CI/CD pipelines further streamline integration and deployment processes.
</Typography> </Typography>
</Project> </Project>
<Project title="Revamping HHCM's Modular: Swift Generation and Control of Modular Robot Models"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/modular_hhcm/" sx={{ color: 'text.secondary' }} /> title="Revamping HHCM's Modular: Swift Generation and Control of Modular Robot Models"
<Typography component="span" color="text.secondary" gutterBottom> subtitle={
Software Engineer @ IIT <>
</Typography> <Typography color="text.secondary" display={{ sm: 'none' }}>
Software Engineer @ IIT
</Typography>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/modular_hhcm/" sx={{ color: 'text.secondary' }} />
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Software Engineer @ IIT
</Typography>
</>
}>
<Typography> <Typography>
This project centered on overhauling HHCM's Modular by redesigning its graphical interface, API, and deployment pipeline. Modular serves This project centered on overhauling HHCM's Modular by redesigning its graphical interface, API, and deployment pipeline. Modular serves
as a web application for swiftly generating models of modular robots. Starting with a collection of fundamental robotic modules, the as a web application for swiftly generating models of modular robots. Starting with a collection of fundamental robotic modules, the
@@ -45,17 +62,25 @@ const ProjectsPage = () => {
controlling the robot. controlling the robot.
</Typography> </Typography>
</Project> </Project>
<Project title="Voice Controlled Mobile Robot for Indoor Applications"> <Project
<AcademyIconLink size="small" fontSize="small" href="https://doi.org/10.1007/978-3-030-58380-4_7" sx={{ color: 'text.secondary' }} /> title="Voice Controlled Mobile Robot for Indoor Applications"
<DescriptionIconLink subtitle={
size="small" <>
fontSize="small" <Typography color="text.secondary" display={{ sm: 'none' }}>
href="https://drive.google.com/file/d/1wBfvAzy9N8uChNxNj9Kd_hcvI0Qq3uQj/view?usp=sharing" Master Thesis @ WUT
sx={{ color: 'text.secondary' }} </Typography>
/> <AcademyIconLink size="small" fontSize="small" href="https://doi.org/10.1007/978-3-030-58380-4_7" sx={{ color: 'text.secondary' }} />
<Typography component="span" color="text.secondary"> <DescriptionIconLink
Master Thesis @ WUT size="small"
</Typography> fontSize="small"
href="https://drive.google.com/file/d/1wBfvAzy9N8uChNxNj9Kd_hcvI0Qq3uQj/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Master Thesis @ WUT
</Typography>
</>
}>
<Typography> <Typography>
This thesis proposes a design for a small mobile robot controlled by voice. Firstly a preliminary analysis of the state of art of This thesis proposes a design for a small mobile robot controlled by voice. Firstly a preliminary analysis of the state of art of
human-robot interaction has been conducted. Then, an analysis of the equipment selected took place, and, later, appropriate methodologies human-robot interaction has been conducted. Then, an analysis of the equipment selected took place, and, later, appropriate methodologies
@@ -64,72 +89,167 @@ const ProjectsPage = () => {
of using low power boards and some of their limitations. of using low power boards and some of their limitations.
</Typography> </Typography>
</Project> </Project>
<Project title="Recharging Electric Cars with a Mobile Robot"> <Project
<DescriptionIconLink title="Recharging Electric Cars with a Mobile Robot"
size="small" subtitle={
fontSize="small" <>
href="https://drive.google.com/file/d/1BgPj-fgtYDDEsFHmDk2fGVm7DCPFWEeN/view?usp=sharing" <GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/ekf_matlab" sx={{ color: 'text.secondary' }} />
/> <DescriptionIconLink
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/ekf_matlab" /> size="small"
fontSize="small"
href="https://drive.google.com/file/d/1BgPj-fgtYDDEsFHmDk2fGVm7DCPFWEeN/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
The aim of this project was to prove the possibility to design an autonomous mobile robot whose task was to recharge electric cars in a The aim of this project was to prove the possibility to design an autonomous mobile robot whose task was to recharge electric cars in a
parking lot. This was done in simulation, using the Gazebo and ROS. parking lot. This was done in simulation, using the Gazebo and ROS.
</Typography> </Typography>
</Project> </Project>
<Project title="Mobile Robot Self-Localization"> <Project
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/open?id=1a_ZvgaQjzvedeo296zrDpdvNL_VJDWTX" /> title="Mobile Robot Self-Localization"
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/firebot" /> subtitle={
<>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/firebot" sx={{ color: 'text.secondary' }} />
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/open?id=1a_ZvgaQjzvedeo296zrDpdvNL_VJDWTX"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
For this project we worked using Matlab on data retrieved from a differential drive robot for its localization in a certain area by the For this project we worked using Matlab on data retrieved from a differential drive robot for its localization in a certain area by the
means of the Extended Kalman filter (EKF). means of the Extended Kalman filter (EKF).
</Typography> </Typography>
</Project> </Project>
<Project title="Onychophora-Inspired Firefighting Robot"> <Project
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/open?id=11lCJM3EjVsua379BKD5NcEDHQLL4jdQn" /> title="Onychophora-Inspired Firefighting Robot"
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/3RRR_planar_parallel_manipulator" /> subtitle={
<>
<GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/m-tartari/3RRR_planar_parallel_manipulator"
sx={{ color: 'text.secondary' }}
/>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/open?id=11lCJM3EjVsua379BKD5NcEDHQLL4jdQn"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
This project proposes a conceptual design for a firefighting robot suitable for indoor environments by taking inspiration from the This project proposes a conceptual design for a firefighting robot suitable for indoor environments by taking inspiration from the
biological world. biological world.
</Typography> </Typography>
</Project> </Project>
<Project title="3RRR Planar Parallel Manipulator"> <Project
<Typography>This project concerns the design and optimization of a 3RRR planar parallel manipulator using MATLAB and CATIA</Typography> title="Point-to-Point Trajectory Optimization"
</Project> subtitle={
<Project title="Point-to-Point Trajectory Optimization"> <>
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/open?id=11m7r7fLda_jpDEZ-9qAWvnfRN2kLkhlA" /> {/* */}
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/simple_trajectory_optimization" /> <GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/m-tartari/simple_trajectory_optimization"
sx={{ color: 'text.secondary' }}
/>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/open?id=11m7r7fLda_jpDEZ-9qAWvnfRN2kLkhlA"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
For this project we worked to find the optimal trajectory for a simple model of a robot performing point-to-point navigation in a room For this project we worked to find the optimal trajectory for a simple model of a robot performing point-to-point navigation in a room
with some obstacles using MATLAB. with some obstacles using MATLAB.
</Typography> </Typography>
</Project> </Project>
<Project title="Simple Swarm"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/simple_swarm" /> title="3RRR Planar Parallel Manipulator"
subtitle={
<GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/m-tartari/3RRR_planar_parallel_manipulator"
sx={{ color: 'text.secondary' }}
/>
}>
<Typography>This project concerns the design and optimization of a 3RRR planar parallel manipulator using MATLAB and CATIA</Typography>
</Project>
<Project
title="Simple Swarm"
subtitle={
<>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/simple_swarm" sx={{ color: 'text.secondary' }} />
</>
}>
<Typography> <Typography>
Simple simulation and visualization of swarms of differential drive robots following a leader. Developed using C++ and ROS. Simple simulation and visualization of swarms of differential drive robots following a leader. Developed using C++ and ROS.
</Typography> </Typography>
</Project> </Project>
<Project title="Industrial Robot Programming"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/industrial_robot_programming" /> title="Industrial Robot Programming"
subtitle={
<>
<GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/m-tartari/industrial_robot_programming"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography>Industrial Robot Programming using VAL II and V+ tested on a PUMA and a RX90 robots.</Typography> <Typography>Industrial Robot Programming using VAL II and V+ tested on a PUMA and a RX90 robots.</Typography>
</Project> </Project>
<Project title="Modelling and Control of Manipulators"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/modelling_and_control_of_manipulators" /> title="Modelling and Control of Manipulators"
subtitle={
<>
<GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/m-tartari/modelling_and_control_of_manipulators"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
This contains several projects regarding modelling and control of various manipulators using MATLAB, Simulink and ADAMS. This contains several projects regarding modelling and control of various manipulators using MATLAB, Simulink and ADAMS.
</Typography> </Typography>
</Project> </Project>
</Box> </Box>
<Divider sx={{ mt: 4, mb: 4 }} />
<Box component="section" id="engineering"> <Box component="section" id="engineering">
<Typography variant="h4" color="primary.main" gutterBottom sx={{ mt: 4 }}> <Typography variant="h4" color="primary.main" gutterBottom sx={{ mt: 4 }}>
Engineering Engineering
</Typography> </Typography>
<Typography gutterBottom>Here there is a collection of all the projects that are related to all the other fields of engineering:</Typography> <Typography gutterBottom>Here there is a collection of all the projects that are related to all the other fields of engineering:</Typography>
<Project title="Automated Actuators and Robotic Modules Calibration"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/motor_calibration" sx={{ color: 'text.secondary' }} /> title="Automated Actuators and Robotic Modules Calibration"
<Typography component="span" color="text.secondary"> subtitle={
Embedded Engineer @ IIT <>
</Typography> <Typography color="text.secondary" display={{ sm: 'none' }}>
Embedded Engineer @ IIT
</Typography>
<GitHubIconLink
size="small"
fontSize="small"
href="https://github.com/ADVRHumanoids/motor_calibration"
sx={{ color: 'text.secondary' }}
/>
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Embedded Engineer @ IIT
</Typography>
</>
}>
<Typography> <Typography>
This project focused on automating the calibration of EtherCAT actuators and robotic modules, aiming for a fully automated procedure for This project focused on automating the calibration of EtherCAT actuators and robotic modules, aiming for a fully automated procedure for
newly assembled actuators. The process involved testing the PDO, conducting phase angle calibration, torque sensor calibration, ripple and newly assembled actuators. The process involved testing the PDO, conducting phase angle calibration, torque sensor calibration, ripple and
@@ -140,63 +260,120 @@ const ProjectsPage = () => {
</Project> </Project>
<Project <Project
title="Solar Panel Fault Detection Method Based on Infrared Image title="Solar Panel Fault Detection Method Based on Infrared Image
Processing"> Processing"
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/file/d/0B1z42QMR-0UtYzBYSVhRV3ZPWk0/view?usp=sharing" /> subtitle={
<Typography component="span" variant="caption"> <>
Bachelor Thesis @ TONGJI <Typography color="text.secondary" display={{ sm: 'none' }}>
</Typography> Bachelor Thesis @ TONGJI
</Typography>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/0B1z42QMR-0UtYzBYSVhRV3ZPWk0/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Bachelor Thesis @ TONGJI
</Typography>
</>
}>
<Typography> <Typography>
My Chinese bachelor thesis that proposes a method to detect malfunctioning solar panels by processing thermal images using MATLAB. My Chinese bachelor thesis that proposes a method to detect malfunctioning solar panels by processing thermal images using MATLAB.
</Typography> </Typography>
</Project> </Project>
<Project title="Design of a Testing Machine for Flexure Hinges"> <Project
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/file/d/0B1z42QMR-0UtSkxRVzJPTk1IX0k/view?usp=sharing" /> title="Design of a Testing Machine for Flexure Hinges"
<Typography component="span" variant="caption"> subtitle={
Bachelor Thesis @ UNIBO <>
</Typography> <Typography color="text.secondary" display={{ sm: 'none' }}>
Bachelor Thesis @ UNIBO
</Typography>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/0B1z42QMR-0UtSkxRVzJPTk1IX0k/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
<Typography color="text.secondary" display={{ xs: 'none', sm: 'inline' }}>
Bachelor Thesis @ UNIBO
</Typography>
</>
}>
<Typography> <Typography>
My Italian bachelor thesis that proposes a design from scratch of a machine for the empirical characterization of flexure hinges. My Italian bachelor thesis that proposes a design from scratch of a machine for the empirical characterization of flexure hinges.
</Typography> </Typography>
</Project> </Project>
<Project title="Control of a Nonlinear System"> <Project
<DescriptionIconLink title="Control of a Nonlinear System"
size="small" subtitle={
fontSize="small" <>
href="https://drive.google.com/file/d/1TE3TWkXZjVq8OuBkLl497c_MQSs3MiLQ/view?usp=sharing" <GitHubIconLink
/> size="small"
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/modelling_and_control_of_manipulators" /> fontSize="small"
href="https://github.com/m-tartari/modelling_and_control_of_manipulators"
sx={{ color: 'text.secondary' }}
/>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/1TE3TWkXZjVq8OuBkLl497c_MQSs3MiLQ/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
The aim of this project was to implement control laws for a nonlinear system (based on the model of a PVTOL aircraft). The aim of this project was to implement control laws for a nonlinear system (based on the model of a PVTOL aircraft).
</Typography> </Typography>
</Project> </Project>
<Project title="Multi-Body System's Kinematic Analysis"> <Project
<DescriptionIconLink title="Multi-Body System's Kinematic Analysis"
size="small" subtitle={
fontSize="small" <>
href="https://drive.google.com/file/d/15yrDU2blkb34Jy2GXkCIe4qNmDRmp31w/view?usp=sharing" <GitHubIconLink
/> size="small"
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/multi-body-kinematics" /> fontSize="small"
href="https://github.com/m-tartari/multi-body-kinematics"
sx={{ color: 'text.secondary' }}
/>
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/15yrDU2blkb34Jy2GXkCIe4qNmDRmp31w/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<Typography> <Typography>
For this project the kinematic analysis has been performed upon agiven mechanism using MATLAB. It has been then validated by comparing it For this project the kinematic analysis has been performed upon agiven mechanism using MATLAB. It has been then validated by comparing it
to the ADAMS model of the same mechanism. to the ADAMS model of the same mechanism.
</Typography> </Typography>
</Project> </Project>
<Project title="Signal Processing"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/signal_processing" /> title="Signal Processing"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/signal_processing" sx={{ color: 'text.secondary' }} />
}>
<Typography>Several Signal processing projects developed using MATLAB.</Typography> <Typography>Several Signal processing projects developed using MATLAB.</Typography>
</Project> </Project>
<Project title="Real Time Systems"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/real_time_systems" /> title="Real Time Systems"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/real_time_systems" sx={{ color: 'text.secondary' }} />
}>
<Typography>Several real-time systems' projects developed using C++ and OIL, and run using Trampoline RTOS on a Teensy board.</Typography> <Typography>Several real-time systems' projects developed using C++ and OIL, and run using Trampoline RTOS on a Teensy board.</Typography>
</Project> </Project>
</Box> </Box>
<Box component="section" id="robotics"> <Divider sx={{ mt: 4, mb: 4 }} />
<Box component="section" id="hobbies">
<Typography variant="h4" color="primary.main" gutterBottom sx={{ mt: 4 }}> <Typography variant="h4" color="primary.main" gutterBottom sx={{ mt: 4 }}>
Hobbies Hobbies
</Typography> </Typography>
<Typography gutterBottom>Here there is a collection of projects related to things I do for fun:</Typography> <Typography gutterBottom>Here there is a collection of projects related to things I do for fun:</Typography>
<Project title="Medieval Furniture"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/medieval_furniture" /> title="Medieval Furniture"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/medieval_furniture" sx={{ color: 'text.secondary' }} />
}>
<Typography> <Typography>
A collection of pdf and CAD models to create late XIV century furniture and medieval camp equipment. These objects are being realized by{' '} A collection of pdf and CAD models to create late XIV century furniture and medieval camp equipment. These objects are being realized by{' '}
<Link target="_blank" rel="noopener noreferrer" href="http://www.compagniadarmedelsantoluca.it/"> <Link target="_blank" rel="noopener noreferrer" href="http://www.compagniadarmedelsantoluca.it/">
@@ -205,8 +382,11 @@ const ProjectsPage = () => {
. .
</Typography> </Typography>
</Project> </Project>
<Project title="Pinterest Pinner"> <Project
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/pinterest_pinner" /> title="Pinterest Pinner"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/pinterest_pinner" sx={{ color: 'text.secondary' }} />
}>
<Typography> <Typography>
Publishes all photos from a{' '} Publishes all photos from a{' '}
<Link target="_blank" rel="noopener noreferrer" href="http://www.compagniadarmedelsantoluca.it/"> <Link target="_blank" rel="noopener noreferrer" href="http://www.compagniadarmedelsantoluca.it/">