Merge pull request #86 from martapanc/develop

Develop

package.json

@@ -28,25 +28,25 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@heroicons/react": "^2.1.5",
-    "@mui/material": "^6.0.2",
+    "@mui/material": "^6.1.3",
     "@sendgrid/mail": "^8.1.3",
     "@types/cookie": "^0.6.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.1",
     "@types/react-google-recaptcha": "^2.1.9",
     "@types/styled-components": "^5.1.34",
     "@vercel/speed-insights": "^1.0.12",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
-    "cookie": "^0.6.0",
+    "cookie": "^1.0.1",
     "focus-trap-react": "^10.3.0",
     "formik": "^2.4.6",
-    "framer-motion": "^11.5.6",
-    "i18next": "^23.15.1",
+    "framer-motion": "^11.11.8",
+    "i18next": "^23.15.2",
     "inquirer-fuzzy-path": "^2.3.0",
     "js-cookie": "^3.0.5",
     "moment": "^2.30.1",
-    "next": "^14.2.13",
-    "next-cloudinary": "^6.13.0",
+    "next": "^14.2.15",
+    "next-cloudinary": "^6.14.1",
     "next-themes": "^0.3.0",
     "node-fetch": "^3.3.2",
     "nodemailer": "^6.9.15",
@@ -57,7 +57,7 @@
     "react-dom": "^18.3.1",
     "react-google-recaptcha": "^3.1.0",
     "react-headroom": "^3.2.1",
-    "react-i18next": "^15.0.2",
+    "react-i18next": "^15.0.3",
     "react-icons": "^5.3.0",
     "react-loader-spinner": "^6.1.6",
     "react-markdown": "^9.0.1",
@@ -66,11 +66,11 @@
     "react-string-replace": "^1.1.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-tippy": "^1.4.0",
-    "react-toastify": "^10.0.5",
+    "react-toastify": "^10.0.6",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",
     "styled-components": "^6.1.13",
-    "tailwind-merge": "^2.5.2",
+    "tailwind-merge": "^2.5.3",
     "typed.js": "^2.1.0",
     "unified": "^11.0.5",
     "yup": "^1.4.0"
@@ -79,14 +79,14 @@
     "@commitlint/cli": "^19.5.0",
     "@commitlint/config-conventional": "^19.5.0",
     "@eslint/eslintrc": "^3.1.0",
-    "@eslint/js": "^9.9.1",
-    "@storybook/addon-essentials": "^8.3.2",
-    "@storybook/addon-interactions": "^8.3.2",
-    "@storybook/addon-links": "^8.3.2",
-    "@storybook/addon-mdx-gfm": "^8.3.2",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/nextjs": "^8.3.2",
-    "@storybook/react": "^8.3.2",
+    "@eslint/js": "^9.12.0",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-mdx-gfm": "^8.3.5",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/nextjs": "^8.3.5",
+    "@storybook/react": "^8.3.5",
     "@storybook/testing-library": "^0.2.2",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/forms": "^0.5.9",
@@ -95,22 +95,22 @@
     "@types/jest": "^29.5.13",
     "@types/js-cookie": "^3.0.6",
     "@types/node-fetch": "^2.6.11",
-    "@types/prop-types": "^15.7.12",
-    "@types/react": "^18.3.8",
+    "@types/prop-types": "^15.7.13",
+    "@types/react": "^18.3.11",
     "@types/react-headroom": "^3.2.3",
     "@types/react-simple-maps": "^3.0.6",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@typescript-eslint/eslint-plugin": "^8.6.0",
-    "@typescript-eslint/parser": "^8.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.11.0",
-    "eslint-config-next": "^14.2.13",
+    "eslint": "^9.12.0",
+    "eslint-config-next": "^14.2.15",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.36.1",
+    "eslint-plugin-react": "^7.37.1",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.9.0",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "globals": "^15.9.0",
+    "globals": "^15.11.0",
     "husky": "^9.1.6",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -119,10 +119,10 @@
     "next-sitemap": "^4.2.3",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "storybook": "^8.3.2",
-    "tailwindcss": "^3.4.12",
-    "typescript": "^5.6.2"
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "storybook": "^8.3.5",
+    "tailwindcss": "^3.4.13",
+    "typescript": "^5.6.3"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx}": [

src/components/organisms/home/Projects.tsx

@@ -28,8 +28,8 @@ const Projects = ({ projects }: ProjectsProps) => {
         style={font.style}
       >
         <RecentProjectCard project={projects[0]} reverse />
-        <RecentProjectCard project={projects[2]} />
-        <RecentProjectCard project={projects[6]} reverse />
+        <RecentProjectCard project={projects[1]} />
+        <RecentProjectCard project={projects[3]} reverse />
       </div>
 
       <div className='text-lg text-blue-950 dark:text-blue-200'>

src/components/organisms/projects/Icons.ts

@@ -29,6 +29,7 @@ import {
   SiIeee,
   SiJavascript,
   SiNextdotjs,
+  SiPlaywright,
   SiPuppeteer,
   SiPython,
   SiReact,
@@ -52,6 +53,7 @@ export const linkIconMapping: Record<string, React.ComponentType> = {
 };
 
 export const toolIconMapping: Record<string, React.ComponentType> = {
+  agGrid: DiAndroid,
   android: DiAndroid,
   angular: FaAngular,
   apple: AiFillApple,
@@ -72,6 +74,7 @@ export const toolIconMapping: Record<string, React.ComponentType> = {
   nextjs: SiNextdotjs,
   nodejs: FaNodeJs,
   php: FaPhp,
+  playwright: SiPlaywright,
   puppeteer: SiPuppeteer,
   python: SiPython,
   raspberrypi: FaRaspberryPi,

src/data/cv/schools.json

@@ -54,7 +54,7 @@
     "schoolName": "\"A. Peri\" Music School",
     "degreeName": "Diploma in Oboe",
     "degreeUrl": "https://peri-merulo.it/",
-    "grade": null,
+    "grade": "8.5/10",
     "start": "2003-01-09",
     "end": "2015-03-07",
     "description": "- I followed the curriculum that prepares for the diploma in musical instrument (equivalent to a university degree), which includes among its various courses: choral and opera singing, music theory and solfeggio, harmony, history of music, orchestra and chamber music, study of the Oboe and English Horn.\n- I took part in a Masterclass with Luca Vignali, oboist at Rome Opera House.\n- I participated in several local events, with the school’s orchestra or chamber groups, and performed in Rome, Milan and other cities as part of the System of Italian Youth Orchestras.",
@@ -71,7 +71,7 @@
     "schoolName": "Liceo Scientifico \"A. Moro\"",
     "degreeName": "High School",
     "degreeUrl": "https://www.liceomoro.edu.it/",
-    "grade": null,
+    "grade": "84%",
     "start": "2009-09-01",
     "end": "2014-07-02",
     "description": "- I attended the 'National Computer Science Plan' (\"PNI\") course with a bilingual (English and German) option. This program had a well-rounded curriculum that emphasized both scientific subjects and humanities, including literature, philosophy, and history.\n\n- Within the mathematics course, we had the opportunity to delve into programming, with a focus on algorithms and data structures.\n\n- In addition to my regular coursework, I engaged in various extracurricular activities, such as the school choir, some creative writing contests, elective courses on maths and computer science, and work placements.",

src/data/en/home.json

@@ -14,14 +14,11 @@
     "latest": "Lately I have been working a lot in the Node environment, using NextJS a lot with a backend based on OpenAPI and MongoDB. I have also been delving into UI/UX, learning how to design user interfaces with Figma and how to use Tailwind effectively."
   },
   "updates": {
-    "learning": ["Figma & UI/UX Design", "Jekyll & Liquid"],
-    "willLearn": [
-      "Swift for iOS Development",
-      "AI and its ethical implications"
-    ],
+    "learning": ["Swift for iOS Development", "SEO & website accessibility"],
+    "willLearn": ["AstroJS", "AI and its ethical implications"],
     "reading": [
-      "'The Anxious Generation', by Jonathan Haidt",
-      "'The Pragmatic Programmer', by D. Thomas & A. Hunt"
+      "'The Three Body Problem', by Liu Cixin",
+      "'The Martian', by Andy Weir"
     ],
     "gaming": ["Zelda: Tears of the Kingdom"],
     "watching": ["the Marvel Netflix TV Series"]

src/data/projects/projects.json

@@ -1,4 +1,25 @@
 [
+  {
+    "title": "Purrfect Price",
+    "image": {
+      "name": "purrfect-price.webp",
+      "url": "https://res.cloudinary.com/dwrurydlt/image/upload/v1728827219/purrfect-price.webp"
+    },
+    "shortDescription": "Compare cat food prices from top sellers with Purrfect Price",
+    "mediumDescription": "Purrfect Price is a tool built with NextJS, using Playwright to scrape popular cat food seller websites and AgGrid to organize, filter, and compare the best deals on various cat food brands. Whether searching for budget-friendly options or premium products, Purrfect Price helps you find the best deals effortlessly.",
+    "longDescription": "purrfect-price.md",
+    "tools": [
+      "nextjs",
+      "react",
+      "typescript",
+      "tailwind",
+      "nodejs",
+      "playwright"
+    ],
+    "date": "2024-09-01",
+    "tags": ["personal", "web", "react"],
+    "links": {}
+  },
   {
     "title": "FlexInvoice",
     "image": {

src/data/projects/purrfect-price.md

@@ -0,0 +1,11 @@
+After adopting a cat for the first time, I found myself overwhelmed by the sheer number of cat food options, ranging
+from budget to premium brands. The research process was time-consuming, with prices and quality varying widely across
+different online stores. That’s what motivated me to create Purrfect Price.
+
+Purrfect Price is a tool designed to simplify this process by **scraping prices** and product details from multiple cat food
+websites. Built using **NextJS** for a dynamic frontend, the scraper is powered by **Playwright** to fetch data from popular
+websites like Zooplus. The data is then organized and displayed using **AgGrid**, allowing users to filter and compare cat
+food brands easily, helping them find the best quality/price ratio.
+
+The tool automates what would otherwise be a tedious manual process of visiting multiple sites and trying to assess
+which product offers the best value for our beloved pets, helping cat owners make more informed decisions with ease.

src/data/recruiters/2-recruiters.md

@@ -22,7 +22,7 @@ reflects my skills and experience without any compromises. This is my little way
 
 #### Seniority:
 
-- 5+ years of work experience
+- 6+ years of work experience
 - Mid to Senior level
 
 <hr/>
@@ -31,11 +31,11 @@ reflects my skills and experience without any compromises. This is my little way
 
 #### 🟢 Preferred technologies: \*
 
-- Java, Spring Boot
-- Kotlin
 - Javascript / Typescript
 - React / Angular / Vue
 - NodeJS
+- Java, Spring Boot
+- Kotlin
 - REST APIs / GraphQL
 - MySQL / Postgres / MongoDB
 

src/data/uses/5-media.md

@@ -6,4 +6,4 @@
 
 **Spotify** mainly for podcasts
 
-**Storytel** for audiobooks
+**Storytel** and **Audible** for audiobooks