update portfolio

src/components/ui/portfolio-item/index.js

@@ -21,13 +21,14 @@ const PortfolioItem = ({ itemInfo, itemImages }) => {
       <StyledItemDescription>{description}</StyledItemDescription>
       <Carousel items={itemImages} imageAltLabel={title} />
       <StyledStack>
-        {stack.map(({ label, icon }) =>
-          icon ? (
-            <span key={`stack-${label}`}>
-              <img src={Icons[icon]} alt={`${label} icon`} />
-              <StyledTooltip label={label} />
-            </span>
-          ) : null
+        {stack.map(
+          ({ label, icon }) =>
+            !!icon && (
+              <span key={`stack-${label}`}>
+                <img src={Icons[icon]} alt={`${label} icon`} />
+                <StyledTooltip label={label} />
+              </span>
+            )
         )}
       </StyledStack>
       <StyledLinks>

src/icons/index.js

@@ -63,21 +63,25 @@ import Mobile from './mobile.svg'
 import MongoDb from './mongodb.svg'
 import Mustache from './mustache.svg'
 import Next from './nextjs.svg'
+import NoIcon from './no-icon.svg'
 import Node from './nodejs.svg'
 import Npm from './npm.svg'
 import OAuth2 from './oauth2.svg'
 import Outsystems from './outsystems.svg'
 import Performance from './performance.svg'
 import Pinia from './pinia.svg'
 import Portfolio from './portfolio.svg'
+import PostgreSQL from './postgresql.svg'
 import PortfolioSmall from './portfolio-small.svg'
+import Prisma from './prisma.svg'
 import PushNotifications from './push-notifications.svg'
 import Plus from './plus.svg'
 import Pwa from './pwa.svg'
 import Python from './python.svg'
 import Radar from './radar.svg'
 import React from './react.svg'
 import ReactHookForm from './react-hook-form.svg'
+import ReactQuery from './react-query.svg'
 import ReactTestingLibrary from './react-testing-library.svg'
 import Redux from './redux.svg'
 import Responsive from './responsive-design.svg'
@@ -95,6 +99,7 @@ import StyledComponents from './styled-components.svg'
 import Success from './success.svg'
 import Svg from './svg.svg'
 import Swagger from './swagger.svg'
+import TailwindCSS from './tailwind-css.svg'
 import Target from './target.svg'
 import Tick from './tick.svg'
 import Tv from './tv.svg'
@@ -178,6 +183,7 @@ export {
   Mustache,
   Next,
   Node,
+  NoIcon,
   Npm,
   OAuth2,
   Outsystems,
@@ -186,12 +192,15 @@ export {
   Plus,
   Portfolio,
   PortfolioSmall,
+  PostgreSQL,
+  Prisma,
   PushNotifications,
   Pwa,
   Python,
   Radar,
   React,
   ReactHookForm,
+  ReactQuery,
   ReactTestingLibrary,
   Redux,
   Responsive,
@@ -209,6 +218,7 @@ export {
   Success,
   Svg,
   Swagger,
+  TailwindCSS,
   Target,
   Tick,
   Tv,

src/site-content/Cv.json

@@ -291,6 +291,12 @@
           "name": "French",
           "level": "elementary"
         }
+      ],
+      "volunteer": [
+        {
+          "title": "Mentor",
+          "institution": "Geek Girls Portugal"
+        }
       ]
     }
   }

src/site-content/Portfolio.json

@@ -1,4 +1,82 @@
 [
+  {
+    "title": "Can I Shop Now? (WIP)",
+    "description": "FullStack Web app to track the prices of products of some fashion stores and notify the user by email when the size they need becomes available or the price decreases.",
+    "images": [
+      "can-i-shop-nowA.png",
+      "can-i-shop-nowB.png, can-i-shop-nowC.png"
+    ],
+    "stack": [
+      {
+        "label": "Web",
+        "icon": "Web"
+      },
+      {
+        "label": "TypeScript",
+        "icon": "TypeScript"
+      },
+      {
+        "label": "Next",
+        "icon": "Next"
+      },
+      {
+        "label": "React",
+        "icon": "React"
+      },
+      {
+        "label": "Tailwind CSS",
+        "icon": "TailwindCSS"
+      },
+      {
+        "label": "Adaptive/responsive design",
+        "icon": "Responsive"
+      },
+      {
+        "label": "A11y accessibility",
+        "icon": "Accessibility"
+      },
+      {
+        "label": "Dark Theme",
+        "icon": "DarkTheme"
+      },
+      {
+        "label": "Internationalization",
+        "icon": "I18n"
+      },
+      {
+        "label": "OAuth2",
+        "icon": "OAuth2"
+      },
+      {
+        "label": "Zustand",
+        "icon": "NoIcon"
+      },
+      {
+        "label": "React Query",
+        "icon": "ReactQuery"
+      },
+      {
+        "label": "Prisma",
+        "icon": "Prisma"
+      },
+      {
+        "label": "PostgreSQL",
+        "icon": "PostgreSQL"
+      }
+    ],
+    "links": [
+      {
+        "label": "code",
+        "icon": "GitHub",
+        "url": "https://github.com/marianapatcosta/can-i-shop-now"
+      },
+      {
+        "label": "visit",
+        "icon": "Link",
+        "url": "https://can-i-shop-now.vercel.app/"
+      }
+    ]
+  },
   {
     "title": "LinksKeeper",
     "description": "Progressive web app and npm package  to group, manage and display all your network links, e-mail and phone numbers in the same place.",