diff --git a/README.md b/README.md index d4ef02a..2b65d49 100644 --- a/README.md +++ b/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! + diff --git a/src/components/ui/portfolio-item/index.js b/src/components/ui/portfolio-item/index.js index 5bc15a2..a38d4fe 100644 --- a/src/components/ui/portfolio-item/index.js +++ b/src/components/ui/portfolio-item/index.js @@ -60,3 +60,4 @@ PortfolioItem.defaultProps = { } export default PortfolioItem + diff --git a/src/icons/dart.svg b/src/icons/dart.svg new file mode 100644 index 0000000..5df62a9 --- /dev/null +++ b/src/icons/dart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/index.js b/src/icons/index.js index a4c4d91..444379e 100644 --- a/src/icons/index.js +++ b/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, } + diff --git a/src/images/portfolio/investigators-cluesA.png b/src/images/portfolio/investigators-cluesA.png new file mode 100644 index 0000000..0c11539 Binary files /dev/null and b/src/images/portfolio/investigators-cluesA.png differ diff --git a/src/images/portfolio/investigators-cluesB.png b/src/images/portfolio/investigators-cluesB.png new file mode 100644 index 0000000..26abaff Binary files /dev/null and b/src/images/portfolio/investigators-cluesB.png differ diff --git a/src/images/portfolio/investigators-cluesC.png b/src/images/portfolio/investigators-cluesC.png new file mode 100644 index 0000000..bfdfac8 Binary files /dev/null and b/src/images/portfolio/investigators-cluesC.png differ diff --git a/src/site-content/About.json b/src/site-content/About.json index f7b6586..158dced 100644 --- a/src/site-content/About.json +++ b/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 @@ ] } ] + diff --git a/src/site-content/Portfolio.json b/src/site-content/Portfolio.json index 3dd3383..dae1c13 100644 --- a/src/site-content/Portfolio.json +++ b/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 @@ ] } ] + diff --git a/src/utils.js b/src/utils.js index 6d356dc..b27d5fe 100644 --- a/src/utils.js +++ b/src/utils.js @@ -49,3 +49,4 @@ export const getBrowserName = () => { } return '' } +