diff --git a/app/public/cloudacademy-logo-dark.png b/app/public/cloudacademy-logo-dark.png new file mode 100644 index 0000000..a56b239 Binary files /dev/null and b/app/public/cloudacademy-logo-dark.png differ diff --git a/app/public/cloudacademy-logo.png b/app/public/cloudacademy-logo.png new file mode 100644 index 0000000..15b3d76 Binary files /dev/null and b/app/public/cloudacademy-logo.png differ diff --git a/app/public/deeplearningai-logo-white.png b/app/public/deeplearningai-logo-white.png new file mode 100644 index 0000000..dff93ba Binary files /dev/null and b/app/public/deeplearningai-logo-white.png differ diff --git a/app/public/deeplearningai-logo.png b/app/public/deeplearningai-logo.png new file mode 100644 index 0000000..dc3e299 Binary files /dev/null and b/app/public/deeplearningai-logo.png differ diff --git a/app/public/ibm-logo-white.png b/app/public/ibm-logo-white.png new file mode 100644 index 0000000..697bd0b Binary files /dev/null and b/app/public/ibm-logo-white.png differ diff --git a/app/public/ibm-logo.png b/app/public/ibm-logo.png new file mode 100644 index 0000000..ee4087e Binary files /dev/null and b/app/public/ibm-logo.png differ diff --git a/app/public/locales/en/translation.json b/app/public/locales/en/translation.json index 599e92c..fc92d79 100644 --- a/app/public/locales/en/translation.json +++ b/app/public/locales/en/translation.json @@ -10,7 +10,7 @@ "description": "I build scalable, secure, and seamless backend infrastructures" }, "description": { - "text": "I am Vinicius Mayrink and I am a backend developer specialized in crafting robust APIs using an arsenal of tools including Python, Java, and Node.js. With a deep understanding of backend principles and concepts, I am proficient in implementing SOLID principles, RESTful architecture, and clean code practices to engineer scalable and efficient solutions.", + "text": "I am Vinicius Mayrink and I am a backend developer specialized in crafting robust APIs using an arsenal of tools including Python, Java, and Node.js. With a deep understanding of backend principles and concepts, I am proficient in implementing SOLID principles, RESTful architecture, and clean code practices to engineer scalable and efficient solutions.", "button": "Check it out" }, "projects": { @@ -36,7 +36,15 @@ "about": { "title": "About me", "position": "Software/Back-end Engineer", - "text": "My passion is creating REST APIs in Python, Node.js, Java, and PHP. This is the area in which I specialize and continuously develop myself every day. I use principles like SOLID, clean architecture, and Design Patterns as premises for creating stable, scalable, and distributed applications. I believe that DevOps, DevSecOps, and CI/CD practices are essential for applications to be developed collaboratively and in an organized manner, significantly reducing potential problems and bugs even before they reach production environments" + "actions": { + "check-projects": "Check projects", + "contact": "Contact info" + }, + "paragraph-1": "APIs and Web APIs are indispensable for digital integrations, serving as the linchpin that enables seamless communication and collaboration between disparate systems and services. These APIs provide standardized interfaces that allow different software applications to interact, share data, and execute functions across the web.", + "paragraph-2": "My passion is creating these REST APIs with tools such as Python, Node.js, Java, and PHP. This is the area in which I specialize and continuously develop myself every day. I believe that DevOps, DevSecOps, CI/CD and Agile Frameworks practices are essential for applications to be developed collaboratively and in an organized manner, significantly reducing potential problems and bugs even before they reach production environments.", + "certifications": { + "title": "My certifications and accomplishments" + } }, "contact": { "title": "Contact me on" diff --git a/app/public/locales/pt-BR/translation.json b/app/public/locales/pt-BR/translation.json index 61a6b64..94fb116 100644 --- a/app/public/locales/pt-BR/translation.json +++ b/app/public/locales/pt-BR/translation.json @@ -10,7 +10,7 @@ "description": "Eu construo infraestruturas de backend escaláveis, seguras e integradas" }, "description": { - "text": "Eu sou Vinicius Mayrink e sou um desenvolvedor de backend especializado em criar APIs robustas usando um arsenal de ferramentas, incluindo Python, Java e Node.js. Com um profundo entendimento dos princípios e conceitos de backend, sou proficiente na implementação dos princípios SOLID, arquitetura RESTful e práticas de código limpo para projetar soluções escláveis e eficientes", + "text": "Eu sou Vinicius Mayrink e sou um desenvolvedor de backend especializado em criar APIs robustas usando um arsenal de ferramentas, incluindo Python, Java e Node.js. Com um profundo entendimento dos princípios e conceitos de backend, sou proficiente na implementação dos princípios SOLID, arquitetura RESTful e práticas de código limpo para projetar soluções escaláveis e eficientes", "button": "Veja mais" }, "projects": { @@ -36,7 +36,15 @@ "about": { "title": "Sobre mim", "position": "Software/Back-end Engineer", - "text": "Minha paixão é criar APIs REST em Python, Node.js, Java e PHP Essa é a área para o qual me especializo e me desenvolvo a cada dia. Utilizo princípios como SOLID, arquitetura limpa e padrões de design como premissas para criar aplicações estáveis, escaláveis e distribuídas. Acredito que práticas de DevOps, DevSecOps e CI/CD são essenciais para que as aplicações sejam desenvolvidas de forma colaborativa e organizada, reduzindo significativamente problemas e bugs mesmo antes de chegarem aos ambientes de produção" + "actions": { + "check-projects": "Meus projetos", + "contact": "Contato" + }, + "paragraph-1": "APIs e Web APIs são essenciais para integrações digitais, servindo como o ponto central que possibilita a comunicação e colaboração contínuas entre sistemas e serviços diversos. Essas APIs fornecem interfaces padronizadas que permitem que diferentes aplicativos interajam, compartilhem dados e executem funções pela web.", + "paragraph-2": "Minha paixão é criar essas APIs REST com ferramentas como Python, Node.js, Java e PHP. Essa é a área para o qual me especializo e me desenvolvo a cada dia. Acredito que práticas de DevOps, DevSecOps, CI/CD e Frameworks ágeissão essenciais para que as aplicações sejam desenvolvidas de forma colaborativa e organizada, reduzindo significativamente problemas e bugs mesmo antes de chegarem aos ambientes de produção", + "certifications": { + "title": "Meu certificados e conquistas" + } }, "contact": { "title": "Entre em contato" diff --git a/app/src/App.js b/app/src/App.js index 3eea5de..771d3ce 100644 --- a/app/src/App.js +++ b/app/src/App.js @@ -1,5 +1,6 @@ import './App.css'; import Project from './Project'; +import Certification from './Certification'; import DarkModeSwitch from './DarkModeSwitch'; import LanguageSwitch from './LanguageSwitch'; import { useInView } from 'react-intersection-observer' @@ -13,7 +14,26 @@ function App() { const [refAbout, inViewAbout] = useInView({ threshold: 0.5 }) const { t } = useTranslation(); - const carouselResponsivity = { + const certificatesCarouselResponsivity = { + superLargeDesktop: { + breakpoint: { max: 4000, min: 3000 }, + items: 5 + }, + desktop: { + breakpoint: { max: 3000, min: 1024 }, + items: 3 + }, + tablet: { + breakpoint: { max: 1024, min: 464 }, + items: 2 + }, + mobile: { + breakpoint: { max: 464, min: 0 }, + items: 1 + } + }; + + const projectsCarouselResponsivity = { superLargeDesktop: { breakpoint: { max: 4000, min: 3000 }, items: 3 @@ -34,6 +54,74 @@ function App() { const mySkills = ['docker', 'api', 'rest', 'python', 'integrations', 'java', 'backend', 'ai/ml', 'ci/cd', 'git', 'pipelines']; + const certificates = [ + { + name: 'IBM DevOps and Software Engineering', + img: 'ibm-logo.png', + imgDark: 'ibm-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/specialization/66L5N4AT8M8M', + tags: ['software engineering', 'devops', 'ci/cd', 'microservices', 'git', 'docker', 'testing'] + }, + { + name: 'CloudAcademy DevSecOps, DevOps and Software Engineering', + img: 'cloudacademy-logo.png', + imgDark: 'cloudacademy-logo-dark.png', + url: 'https://certificates.cloudacademy.com/aad6d2adc60c57b122cbe716135f4c39815347c8.pdf', + tags: ['software engineering', 'devsecops', 'kubernetes', 'docker', 'sonarqube'] + }, + { + name: 'IBM Application Development using Microservices and Serverless', + img: 'ibm-logo.png', + imgDark: 'ibm-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/verify/UAB7NFB4VKEJ', + tags: ['software engineering', 'microservices', 'docker', 'api', 'aws lambda', 'testing'] + }, + { + name: 'Cloud Academy Building and Deploying a Cloud Native Application', + img: 'cloudacademy-logo.png', + imgDark: 'cloudacademy-logo-dark.png', + url: 'https://certificates.cloudacademy.com/0b1276b17c1933574ccec3a3cf1fefb3021796a2.pdf', + tags: ['software engineering', 'microservices', 'devops', 'docker', 'linux', 'kubernetes'] + }, + { + name: 'IBM Continuous Integration and Continuous Delivery (CI/CD)', + img: 'ibm-logo.png', + imgDark: 'ibm-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/verify/SHL6AZNPP6JM', + tags: ['software engineering', 'ci/cd', 'docker', 'terraform', 'jenkins', 'GitHub Actions', 'Artifactory'] + }, + + { + name: 'Mathematics for Machine Learning and Data Science', + img: 'deeplearningai-logo.png', + imgDark: 'deeplearningai-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/specialization/4UJ8AS7XCHJV', + tags: ['machine learning', 'calculus', 'data science', 'statistics', 'probabilities', 'linear algebra'] + }, + { + name: 'IBM Application Security for Developers and DevOps Professionals', + img: 'ibm-logo.png', + imgDark: 'ibm-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/verify/S22XF29249EC', + tags: ['software engineering', 'owasp', 'grafana', 'monitoring'] + }, + { + name: 'Cloud Academy Operations with AWS - Level 3', + img: 'cloudacademy-logo.png', + imgDark: 'cloudacademy-logo-dark.png', + url: 'https://certificates.cloudacademy.com/28395c94b90526d5a05d7de61f5dc42509da5a7e.pdf', + tags: ['software engineering', 'aws', 'cloud', 'aws codepipeline', 'aws codebuild'] + }, + { + name: 'IBM Monitoring and Observability for Development and DevOps', + img: 'ibm-logo.png', + imgDark: 'ibm-logo-white.png', + url: 'https://www.coursera.org/account/accomplishments/verify/SVKX7AQPSXE2', + tags: ['software engineering', 'devops', 'grafana', 'monitoring', 'prometheus'] + }, + + ]; + const projects = [ { name: t('projects.restaurant.title'), @@ -123,10 +211,10 @@ def analyze():
  • - +
  • - +
  • @@ -154,50 +242,72 @@ def analyze():
    -

    , span_language: , strong: }} />

    +

    , highlight: , strong: }} />

    - +
    -
    -
    -
    -

    -
    - - {projects.map((project, i) => { - return - })} - -
    -
    -
    -

    -
    -
    +
    +
    Vinicius Mayrink -
    Vinicius Mayrink
    +
    Vinicius Mayrink

    -
    +
    {mySkills.map((skill, i) => { return
    {skill}
    })}
    +
    -
    -

    , strong: }} />

    +
    +

    , strong: }} />

    +
    +

    , strong: }} />

    +
    +

    + + {certificates.map((certificate, i) => { + return + })} + +
    +
    +
    +
    +
    +
    +
    +

    +
    + + {projects.map((project, i) => { + return + })} + +
    @@ -205,13 +315,13 @@ def analyze():

    - + - + - + diff --git a/app/src/Certification.js b/app/src/Certification.js new file mode 100644 index 0000000..65cfa05 --- /dev/null +++ b/app/src/Certification.js @@ -0,0 +1,21 @@ +function Certification(props) { + return ( + +
    +
    + +
    {props.name}
    +
    +
    + {props.chips && props.chips.map((chip, i) => { + return
    + {chip} +
    + })} +
    +
    +     + ); +} + +export default Certification; diff --git a/app/src/LanguageSwitch.js b/app/src/LanguageSwitch.js index cf387fc..cbe1552 100644 --- a/app/src/LanguageSwitch.js +++ b/app/src/LanguageSwitch.js @@ -35,7 +35,7 @@ function LanguageSwitch(props) {
    -
    +