update portfolio

README.md

@@ -2,7 +2,8 @@
 
 My Personal Website compiles some personal projects developed to learn new technologies and improve programming skills. Includes a CV resume that can be downloaded as pdf file. It was developed using Gatsby and Styled Components.
 
-The following environnement variable must be configured:
+The following environnement variable must be configured in _.env.development_ file:
+
 - GATSBY_SERVICE_ID
 - GATSBY_TEMPLATE_ID
 - GATSBY_USER_ID
@@ -11,7 +12,7 @@ The following environnement variable must be configured:
 
 In the project directory, you can run:
 
-### `yarn develop` or `yarn start`
+### `yarn dev` or `yarn start`
 
 Runs the app in the development mode.\
 Open [http://localhost:8000](http://localhost:8000) to view it in the browser.
@@ -35,3 +36,4 @@ It correctly bundles React in production mode and optimizes the build for the be
 
 The build is minified and the filenames include the hashes.\
 Your app is ready to be deployed!
+

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

@@ -60,3 +60,4 @@ PortfolioItem.defaultProps = {
 }
 
 export default PortfolioItem
+

src/icons/index.js

@@ -18,6 +18,7 @@ import Css from './css3.svg'
 import Cv from './cv.svg'
 import Cypress from './cypress.svg'
 import CyberSecurity from './cyber-security.svg'
+import Dart from './dart.svg'
 import DarkTheme from './dark-theme.svg'
 import Desktop from './desktop.svg'
 import Dev from './dev.svg'
@@ -137,6 +138,7 @@ export {
   Cv,
   CyberSecurity,
   Cypress,
+  Dart,
   DarkTheme,
   Desktop,
   Dev,
@@ -235,3 +237,4 @@ export {
   Web,
   Writing,
 }
+

src/site-content/About.json

@@ -1,6 +1,6 @@
 [
   {
-    "aboutMe": "I am Mariana Costa, a Software Developer from Portugal. I graduated in Pharmaceutical Sciences and worked as Scientific Researcher and as Medical Writer. At some point in time, I figured out that I had to change the direction of my professional career and decided to learn something completely new:  how to program. Since then, I’ve been developing my programming skills, both at work and in my free time. I am particularly interested in Frontend Developement and focused in learning more and more about Web and Mobile development, JavaScript and related frameworks/libraries. My goal as a developer is to expand the skills needed to create beautiful projects that also provide a good user experience and are somehow useful. In this personal site, I show some of the projects I have been working on.",
+    "aboutMe": "I am Mariana Costa, a Software Developer from Portugal. I graduated in Pharmaceutical Sciences and worked as Scientific Researcher and as Medical Writer. At some point in time, I figured out that I had to change the direction of my professional career and decided to learn something completely new: how to program. Since then, I’ve been developing my programming skills, both at work and in my free time. I am particularly interested in Frontend Development and focused in learning more and more about Web and Mobile development, JavaScript and related frameworks/libraries. My goal as a developer is to expand the skills needed to create beautiful projects that also provide a good user experience and are somehow useful. In this personal site, I show some of the projects I have been working on.",
     "profileImage": "my-photo.png",
     "skills": [
       {
@@ -19,6 +19,10 @@
         "label": "React",
         "icon": "React"
       },
+      {
+        "label": "Flutter",
+        "icon": "Flutter"
+      },
       {
         "label": "Vue",
         "icon": "Vue"
@@ -41,10 +45,6 @@
         "label": "mobile development",
         "icon": "Mobile"
       },
-      {
-        "label": "Flutter",
-        "icon": "Flutter"
-      },
       {
         "label": "UX/UI",
         "icon": "UxUi"
@@ -86,3 +86,4 @@
     ]
   }
 ]
+

src/site-content/Portfolio.json

@@ -1,10 +1,70 @@
 [
+  {
+    "title": "The Investigator's Clues",
+    "description": "Web, Android and iOS application to help Blood on the Clocktower's players and storytellers to track the game status and register the clues they collected, and to help the storyteller to setup the game and track its status.",
+    "images": [
+      "investigators-cluesA.png",
+      "investigators-cluesB.png",
+      "investigators-cluesC.png"
+    ],
+    "stack": [
+      {
+        "label": "Web",
+        "icon": "Web"
+      },
+      {
+        "label": "Mobile",
+        "icon": "Mobile"
+      },
+      {
+        "label": "Progressive Web App",
+        "icon": "Pwa"
+      },
+      {
+        "label": "Flutter",
+        "icon": "Flutter"
+      },
+      {
+        "label": "Dart",
+        "icon": "Dart"
+      },
+      {
+        "label": "Adaptive/responsive design",
+        "icon": "Responsive"
+      },
+      {
+        "label": "A11y accessibility",
+        "icon": "Accessibility"
+      },
+      {
+        "label": "Dark Theme",
+        "icon": "DarkTheme"
+      },
+      {
+        "label": "Internationalization",
+        "icon": "I18n"
+      }
+    ],
+    "links": [
+      {
+        "label": "code",
+        "icon": "GitHub",
+        "url": "https://github.com/marianapatcosta/the-investigators-clues"
+      },
+      {
+        "label": "visit",
+        "icon": "Link",
+        "url": "https://the-investigators-clues.web.app/"
+      }
+    ]
+  },
   {
     "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"
+      "can-i-shop-nowB.png",
+      "can-i-shop-nowC.png"
     ],
     "stack": [
       {
@@ -135,7 +195,11 @@
   {
     "title": "Bom Português",
     "description": "Progressive web app Question & Answer game to practice tricky portuguese words and expressions.",
-    "images": ["bom-portuguesA.png", "bom-portuguesB.png, bom-portuguesC.png"],
+    "images": [
+      "bom-portuguesA.png",
+      "bom-portuguesB.png",
+      "bom-portuguesC.png"
+    ],
     "stack": [
       {
         "label": "Progressive Web App",
@@ -1507,3 +1571,4 @@
     ]
   }
 ]
+

src/utils.js

@@ -49,3 +49,4 @@ export const getBrowserName = () => {
   }
   return ''
 }
+