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

♻️ refactor(ProjectsPage): add subtitles

Browse Source
This commit is contained in:
m-tartari
2024-02-15 17:12:37 +01:00
parent f0af5646f8
commit feb6e9e246
1 changed files with 270 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/ProjectsPage/ProjectsPage.tsx
+270 -90
View File
@@ -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 { Project } from 'components/molecules'
@@ -14,16 +14,25 @@ const ProjectsPage = () => {
<Typography gutterBottom>
Here is a collection of all the projects that are strictly related to the design, development and functioning of robots:
</Typography>
<Project title="LINFA: An Intuitive Block-Programming Interface for Reconfigurable Robots">
<VideoIconLink
size="small"
fontSize="small"
href="https://www.linkedin.com/feed/update/urn:li:activity:7034480841569284096/"
sx={{ color: 'text.secondary' }}
/>
<Typography component="span" color="text.secondary" gutterBottom>
Software Engineer @ IIT
</Typography>
<Project
title="LINFA: An Intuitive Block-Programming Interface for Reconfigurable Robots"
subtitle={
<>
<Typography color="text.secondary" display={{ sm: 'none' }}>
Software Engineer @ IIT
</Typography>
<VideoIconLink
size="small"
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>
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
@@ -33,11 +42,19 @@ const ProjectsPage = () => {
integrate custom blocks and capabilities. Automated CI/CD pipelines further streamline integration and deployment processes.
</Typography>
</Project>
<Project title="Revamping HHCM's Modular: Swift Generation and Control of Modular Robot Models">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/modular_hhcm/" sx={{ color: 'text.secondary' }} />
<Typography component="span" color="text.secondary" gutterBottom>
Software Engineer @ IIT
</Typography>
<Project
title="Revamping HHCM's Modular: Swift Generation and Control of Modular Robot Models"
subtitle={
<>
<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>
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
@@ -45,17 +62,25 @@ const ProjectsPage = () => {
controlling the robot.
</Typography>
</Project>
<Project title="Voice Controlled Mobile Robot for Indoor Applications">
<AcademyIconLink size="small" fontSize="small" href="https://doi.org/10.1007/978-3-030-58380-4_7" sx={{ color: 'text.secondary' }} />
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/1wBfvAzy9N8uChNxNj9Kd_hcvI0Qq3uQj/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
<Typography component="span" color="text.secondary">
Master Thesis @ WUT
</Typography>
<Project
title="Voice Controlled Mobile Robot for Indoor Applications"
subtitle={
<>
<Typography color="text.secondary" display={{ sm: 'none' }}>
Master Thesis @ WUT
</Typography>
<AcademyIconLink size="small" fontSize="small" href="https://doi.org/10.1007/978-3-030-58380-4_7" sx={{ color: 'text.secondary' }} />
<DescriptionIconLink
size="small"
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>
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
@@ -64,72 +89,167 @@ const ProjectsPage = () => {
of using low power boards and some of their limitations.
</Typography>
</Project>
<Project title="Recharging Electric Cars with a Mobile Robot">
<DescriptionIconLink
size="small"
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" />
<Project
title="Recharging Electric Cars with a Mobile Robot"
subtitle={
<>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/ekf_matlab" sx={{ color: 'text.secondary' }} />
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/1BgPj-fgtYDDEsFHmDk2fGVm7DCPFWEeN/view?usp=sharing"
sx={{ color: 'text.secondary' }}
/>
</>
}>
<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
parking lot. This was done in simulation, using the Gazebo and ROS.
</Typography>
</Project>
<Project title="Mobile Robot Self-Localization">
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/open?id=1a_ZvgaQjzvedeo296zrDpdvNL_VJDWTX" />
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/firebot" />
<Project
title="Mobile Robot Self-Localization"
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>
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).
</Typography>
</Project>
<Project title="Onychophora-Inspired Firefighting Robot">
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/open?id=11lCJM3EjVsua379BKD5NcEDHQLL4jdQn" />
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/3RRR_planar_parallel_manipulator" />
<Project
title="Onychophora-Inspired Firefighting Robot"
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>
This project proposes a conceptual design for a firefighting robot suitable for indoor environments by taking inspiration from the
biological world.
</Typography>
</Project>
<Project title="3RRR Planar Parallel Manipulator">
<Typography>This project concerns the design and optimization of a 3RRR planar parallel manipulator using MATLAB and CATIA</Typography>
</Project>
<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" />
<Project
title="Point-to-Point Trajectory Optimization"
subtitle={
<>
{/* */}
<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>
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.
</Typography>
</Project>
<Project title="Simple Swarm">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/simple_swarm" />
<Project
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>
Simple simulation and visualization of swarms of differential drive robots following a leader. Developed using C++ and ROS.
</Typography>
</Project>
<Project title="Industrial Robot Programming">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/industrial_robot_programming" />
<Project
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>
</Project>
<Project title="Modelling and Control of Manipulators">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/modelling_and_control_of_manipulators" />
<Project
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>
This contains several projects regarding modelling and control of various manipulators using MATLAB, Simulink and ADAMS.
</Typography>
</Project>
</Box>
<Divider sx={{ mt: 4, mb: 4 }} />
<Box component="section" id="engineering">
<Typography variant="h4" color="primary.main" gutterBottom sx={{ mt: 4 }}>
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">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/ADVRHumanoids/motor_calibration" sx={{ color: 'text.secondary' }} />
<Typography component="span" color="text.secondary">
Embedded Engineer @ IIT
</Typography>
<Project
title="Automated Actuators and Robotic Modules Calibration"
subtitle={
<>
<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>
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
@@ -140,63 +260,120 @@ const ProjectsPage = () => {
</Project>
<Project
title="Solar Panel Fault Detection Method Based on Infrared Image
Processing">
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/file/d/0B1z42QMR-0UtYzBYSVhRV3ZPWk0/view?usp=sharing" />
<Typography component="span" variant="caption">
Bachelor Thesis @ TONGJI
</Typography>
Processing"
subtitle={
<>
<Typography color="text.secondary" display={{ sm: 'none' }}>
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>
My Chinese bachelor thesis that proposes a method to detect malfunctioning solar panels by processing thermal images using MATLAB.
</Typography>
</Project>
<Project title="Design of a Testing Machine for Flexure Hinges">
<DescriptionIconLink size="small" fontSize="small" href="https://drive.google.com/file/d/0B1z42QMR-0UtSkxRVzJPTk1IX0k/view?usp=sharing" />
<Typography component="span" variant="caption">
Bachelor Thesis @ UNIBO
</Typography>
<Project
title="Design of a Testing Machine for Flexure Hinges"
subtitle={
<>
<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>
My Italian bachelor thesis that proposes a design from scratch of a machine for the empirical characterization of flexure hinges.
</Typography>
</Project>
<Project title="Control of a Nonlinear System">
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/1TE3TWkXZjVq8OuBkLl497c_MQSs3MiLQ/view?usp=sharing"
/>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/modelling_and_control_of_manipulators" />
<Project
title="Control of a Nonlinear System"
subtitle={
<>
<GitHubIconLink
size="small"
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>
The aim of this project was to implement control laws for a nonlinear system (based on the model of a PVTOL aircraft).
</Typography>
</Project>
<Project title="Multi-Body System's Kinematic Analysis">
<DescriptionIconLink
size="small"
fontSize="small"
href="https://drive.google.com/file/d/15yrDU2blkb34Jy2GXkCIe4qNmDRmp31w/view?usp=sharing"
/>
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/multi-body-kinematics" />
<Project
title="Multi-Body System's Kinematic Analysis"
subtitle={
<>
<GitHubIconLink
size="small"
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>
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.
</Typography>
</Project>
<Project title="Signal Processing">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/signal_processing" />
<Project
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>
</Project>
<Project title="Real Time Systems">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/real_time_systems" />
<Project
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>
</Project>
</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 }}>
Hobbies
</Typography>
<Typography gutterBottom>Here there is a collection of projects related to things I do for fun:</Typography>
<Project title="Medieval Furniture">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/medieval_furniture" />
<Project
title="Medieval Furniture"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/medieval_furniture" sx={{ color: 'text.secondary' }} />
}>
<Typography>
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/">
@@ -205,8 +382,11 @@ const ProjectsPage = () => {
.
</Typography>
</Project>
<Project title="Pinterest Pinner">
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/pinterest_pinner" />
<Project
title="Pinterest Pinner"
subtitle={
<GitHubIconLink size="small" fontSize="small" href="https://github.com/m-tartari/pinterest_pinner" sx={{ color: 'text.secondary' }} />
}>
<Typography>
Publishes all photos from a{' '}
<Link target="_blank" rel="noopener noreferrer" href="http://www.compagniadarmedelsantoluca.it/">