From 9dd4e192aaf52b512536e70b89e9717c68f97a58 Mon Sep 17 00:00:00 2001 From: Vinicius Mayrink Date: Tue, 14 May 2024 10:37:10 -0300 Subject: [PATCH] Adding contact and footer sections --- app/package-lock.json | 9 +++++ app/package.json | 1 + app/src/App.js | 79 +++++++++++++++++++++++++++++++++---------- app/src/Project.js | 2 +- 4 files changed, 72 insertions(+), 19 deletions(-) diff --git a/app/package-lock.json b/app/package-lock.json index 4baff61..dd4c0bd 100644 --- a/app/package-lock.json +++ b/app/package-lock.json @@ -16,6 +16,7 @@ "framer-motion": "^11.1.9", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-icons": "^5.2.1", "react-intersection-observer": "^9.10.2", "react-scripts": "5.0.1", "react-syntax-highlighter": "^15.5.0", @@ -14758,6 +14759,14 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-intersection-observer": { "version": "9.10.2", "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.10.2.tgz", diff --git a/app/package.json b/app/package.json index 1a75efe..d621ccd 100644 --- a/app/package.json +++ b/app/package.json @@ -12,6 +12,7 @@ "framer-motion": "^11.1.9", "react": "^18.3.1", "react-dom": "^18.3.1", + "react-icons": "^5.2.1", "react-intersection-observer": "^9.10.2", "react-scripts": "5.0.1", "react-syntax-highlighter": "^15.5.0", diff --git a/app/src/App.js b/app/src/App.js index 26babae..e1864ac 100644 --- a/app/src/App.js +++ b/app/src/App.js @@ -2,11 +2,17 @@ import './App.css'; import Project from './Project'; import DarkModeSwitch from './DarkModeSwitch'; import { useInView } from 'react-intersection-observer' +import { FaLinkedin, FaEnvelope, FaPhone, FaGithub, FaReact } from 'react-icons/fa'; function App() { const [refProjects, inViewProjects] = useInView({ threshold: 0.5 }) - const codeStringRestaurant = `[...] + const projects = [ + { + name: 'Restaurant integration API', + description: 'This API aims to centralize information related to restaurant orders in just one place, providing webhooks so that other systems can make decisions based on order activity', + language: 'python', + codeString: `[...] bp = Blueprint('bp_ingrediente', __name__) @bp.get("") @@ -14,9 +20,15 @@ def get_ingredientes(): with session_scope() as session: ingredientes = session.query(Ingrediente).all() return jsonify([i.serialize() for i in ingredientes]) -[...]`; - - const codeStringWTC = `[...] +[...]`, + linkUrl: 'https://github.com/Sistema-de-integracao-em-restaurante/api', + linkDescription: 'See on GitHub', + }, + { + name: 'Work Time calculator API', + description: 'This is an app built with Spring Boot and Gradle to calculate work time for a given parameter inputs', + language: 'java', + codeString: `[...] @PostMapping(value = "day") public ResponseEntity> calculateDay(@Valid @RequestBody RequestDay requestDay) { Day day = @@ -25,10 +37,11 @@ public ResponseEntity> calculateDay(@Valid @RequestBody Reques List calculations = day.calculate(); return ResponseEntity.ok(calculations); } -[...]`; - - const descriptionRestaurant = "This API aims to centralize information related to restaurant orders in just one place, providing webhooks so that other systems can make decisions based on order activity"; - const descriptionWTC = "This is an app built with Spring Boot and Gradle to calculate work time for a given parameter inputs"; +[...]`, + linkUrl: 'https://github.com/clocked-app/calculations-api', + linkDescription: 'See on GitHub', + }, + ]; return (
@@ -65,15 +78,15 @@ public ResponseEntity> calculateDay(@Valid @RequestBody Reques
-
+
-

Powering the digital world from behind the scenes

-

I build scalable, secure, and seamless backend infrastructures

+

Powering the digital world from behind the scenes

+

I build scalable, secure, and seamless backend infrastructures

-
-

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.

+
+

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.

- ); } diff --git a/app/src/Project.js b/app/src/Project.js index d7d615a..ce029ce 100644 --- a/app/src/Project.js +++ b/app/src/Project.js @@ -9,7 +9,7 @@ function Project(props) { {props.codeString} - + {props.linkDescription}