Merge pull request #1 from sheidiz/develop

Develop
sheidiz · Oct 21, 2024 · 0a70939 · 0a70939
2 parents 2153449 + 9b4bbdb
commit 0a70939
Show file tree

Hide file tree

Showing 39 changed files with 944 additions and 509 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -2,20 +2,20 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
-  settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
   rules: {
-    'react/jsx-no-target-blank': 'off',
-    'react-refresh/only-export-components': [
-      'warn',
+    "react/jsx-no-target-blank": "off",
+    "react-refresh/only-export-components": [
+      "warn",
       { allowConstantExport: true },
     ],
   },
-}
+};
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <h2 align="center">
   Portfolio Website<br/>
-  <a href="https://sheiladiz.dev.ar/" target="_blank">sheiladiz.dev.ar</a>
+  <a href="https://sheiladiz.vercel.app/" target="_blank">sheiladiz.vercel.app</a>
 </h2>
 <div align="center">
   <img alt="Demo" src="./public/web.png" />
@@ -10,12 +10,14 @@
 
 ## Tecnologías utilizadas
 
-Mi portfolio personal <a href="https://sheiladiz.dev.ar/" target="_blank">sheiladiz.dev.ar</a> contiene mis proyectos de github, además de mis habilidades y conocimientos.<br/>
+Mi portfolio personal contiene mis proyectos de github, además de mis habilidades y conocimientos.<br/>
 
-Este proyecto fue construido usando estas tecnologias y herramientas
-- React.js
-- Vite.js
+Este proyecto fue construido usando estas tecnologias y herramientas:
+
+- React
+- Vite
 - Tailwind
 - CSS3
+- Framer Motion
 - VsCode
 - Vercel
diff --git a/index.html b/index.html
@@ -3,6 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
     <title>Sheila Diz - Full Stack Java Developer</title>
   </head>
   <body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "framer-motion": "^11.11.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",
@@ -25,6 +26,8 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "postcss": "^8.4.40",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "tailwindcss": "^3.4.7",
     "vite": "^5.3.4"
   }

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/public/web-v1.png b/public/web-v1.png
diff --git a/public/web.png b/public/web.png
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,38 +1,42 @@
-import { useContext } from "react"
-import { DarkModeContext } from "./contexts/DarkModeContext"
-import { Helmet, HelmetProvider } from "react-helmet-async"
-import Navbar from "./components/Navbar"
-import ScrollToTopButton from "./components/ScrollToTopButton"
-import About from "./sections/About"
-import Languages from "./sections/Languages"
-import Experience from "./sections/Experience"
-import Projects from "./sections/Projects"
+import { useContext } from "react";
+import { DarkModeContext } from "./contexts/DarkModeContext";
+import { Helmet, HelmetProvider } from "react-helmet-async";
+import Navbar from "./components/layout/Navbar";
+import ScrollToTopButton from "./components/layout/ScrollToTopButton";
+import About from "./sections/About";
+import Experience from "./sections/Experience";
+import Projects from "./sections/Projects";
 
 function App() {
   const { isDarkMode } = useContext(DarkModeContext);
 
   return (
     <HelmetProvider>
-    <div className={isDarkMode ? 'dark' : ''}>
-      <Helmet>
-        <title>Sheila Diz - Full Stack Java Developer</title>
-        <meta name="description" content="En búsqueda de mi primer empleo como desarrolladora, donde pueda contribuir con mis habilidades y conocimientos en un entorno laboral dinámico." />
-        <meta name="keywords" content="Sheila Diz, desarrolladora, full stack, back end, java, spring, trainee, empleo, trabajo, programación" />
-        <link rel="icon" href="/favicon.ico" />
-      </Helmet>
-      <header className="py-2 font-primary">
-        <Navbar />
-      </header>
-      <main className="pb-5 font-primary">
-        <About />
-        <Languages />
-        <Experience />
-        <Projects />
-        <ScrollToTopButton />
-      </main>
-    </div>
+      <div className={isDarkMode ? "dark" : ""}>
+        <Helmet>
+          <title>Sheila Diz - Full Stack Java Developer</title>
+          <meta
+            name="description"
+            content="En búsqueda de mi primer empleo como desarrolladora, donde pueda contribuir con mis habilidades y conocimientos en un entorno laboral dinámico."
+          />
+          <meta
+            name="keywords"
+            content="Sheila Diz, desarrolladora, full stack, back end, java, spring, trainee, empleo, trabajo, programación"
+          />
+          <link rel="icon" href="/favicon.ico" />
+        </Helmet>
+        <header className="p-2 font-primary">
+          <Navbar />
+        </header>
+        <main className="pb-5 font-primary">
+          <About />
+          <Experience />
+          <Projects />
+          <ScrollToTopButton />
+        </main>
+      </div>
     </HelmetProvider>
-  )
+  );
 }
 
-export default App
+export default App;
diff --git a/src/assets/Perfil.jpeg b/src/assets/Perfil.jpeg
diff --git a/src/assets/Perfil.png b/src/assets/Perfil.png
diff --git a/src/assets/icons/tailwind.png b/src/assets/icons/tailwind.png
diff --git a/src/components/Accordion.jsx b/src/components/Accordion.jsx
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ export default { @@
         tailwindcss: {},
         autoprefixer: {},
       },
-    }
+    };