-
- 
-
+
- Edit src/App.js and save to reload.
-
+
);
}
diff --git a/app/src/Project.js b/app/src/Project.js
new file mode 100644
index 0000000..51d39c6
--- /dev/null
+++ b/app/src/Project.js
@@ -0,0 +1,19 @@
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { prism } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+function Project(props) {
+ return (
+
+ );
+}
+
+export default Project;
diff --git a/app/src/index.css b/app/src/index.css
index ec2585e..b418888 100644
--- a/app/src/index.css
+++ b/app/src/index.css
@@ -1,7 +1,11 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ font-family: -apple-system, BlinkMacSystemFont, 'Ubuntu Sans Mono', 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
diff --git a/app/src/index.js b/app/src/index.js
index d563c0f..076756f 100644
--- a/app/src/index.js
+++ b/app/src/index.js
@@ -1,5 +1,7 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
+import '@fontsource/rubik';
+import '@fontsource/ubuntu';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
diff --git a/app/tailwind.config.js b/app/tailwind.config.js
new file mode 100644
index 0000000..c68747e
--- /dev/null
+++ b/app/tailwind.config.js
@@ -0,0 +1,25 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./src/**/*.{js,jsx,ts,tsx}",
+ ],
+ theme: {
+ extend: {
+ keyframes: {
+ slideLeft: {
+ '0%': { transform: 'translateX(8%)' },
+ '100%': { transform: 'translateX(0)' },
+ },
+ slideRight: {
+ '0%': { transform: 'translateX(-8%)' },
+ '100%': { transform: 'translateX(0)' },
+ },
+ upDown: {
+ '0%': { transform: 'translateY(8%)' },
+ '100%': { transform: 'translateY(0)' },
+ },
+ }
+ },
+ },
+ plugins: [],
+}
+
+
+
+
+
+
+
+
+ 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.
+
+
+
+
+
+ Projects
+
+
+