Merge pull request #11 from aureliodeboa/dev-projects

Dev projects

locales/en.json

@@ -11,6 +11,11 @@
         "title":"What's Up? I'm Aurelio Ribeiro!",
         "description":"Graduating in Computer Engineering, Front-End, Mobile Developer and data analysis enthusiast."
     },
+    "projects": {
+        "title":"Projects",
+        "description":"Here are some of my personal projects available on GitHub. By clicking on the image, you will be redirected to the project website, and by clicking on the title, you will go to the repository."
+
+    },
 
     "about-me":{
         "title":"About me",

locales/pt.json

@@ -10,6 +10,11 @@
         "title":"E aí? eu sou Aurelio Ribeiro!",
         "description":"Graduando em Engenharia da computação, Desenvolvedor Front-End, Mobile e entusiasta na análise de dados."
     },
+    "projects": {
+        "title":"Projetos",
+        "description":"Esses são alguns dos meus projetos pessoais que estão disponíveis no GitHub, ao clicar na imagem você será redirecionado para o site do projeto e ao clicar no titulo você irá para o repositorio."
+
+    },
     "about-me":{
         "title":"Sobre mim",
         "description":"Desde criança, eu desmontava tudo, tentando entender como o mundo funcionava por dentro. Daí surgiu minha paixão por compreender como os circuitos lógicos dos meus brinquedos funcionavam, o que me impulsionou a me graduar em Engenharia da Computação na Universidade Federal do Vale do São Francisco. Na universidade, enfrentei diversos desafios nas áreas de hardware e software, alguns dos quais você pode conferir no meu GitHub. No momento, me dedico ao desenvolvimento de software, mais precisamente ao front-end do desenvolvimento web. Já me aventurei em projetos de mobile (Flutter), análise de dados e inteligência artificial.Atualmente, estou envolvido com a empresa júnior I9 e continuo aprimorando meus conhecimentos em React e Power BI."

src/components/ExpandableText.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
 interface ExpandableTextProps {
   text: string;
@@ -7,7 +8,9 @@ interface ExpandableTextProps {
 
 const ExpandableText: React.FC<ExpandableTextProps> = ({ text, maxLength }) => {
   const [isExpanded, setIsExpanded] = useState(false);
-
+  const { t } = useTranslation();
+    let currentLanguage;
+    t("current-language.locale")=="pt"?currentLanguage={"see_less":"Ver menos","see_more":"Ver Mais"}:currentLanguage={"see_less":"See less","see_more":"See more"};
   const toggleExpand = () => {
     setIsExpanded(!isExpanded);
   };
@@ -18,7 +21,7 @@ const ExpandableText: React.FC<ExpandableTextProps> = ({ text, maxLength }) => {
         {isExpanded ? text : `${text.substring(0, maxLength)}...`}
       </p>
       <button onClick={toggleExpand} className="text-yellow-500  hover:animate-pulse">
-        {isExpanded ? 'Ver menos' : 'Ver mais'}
+        {isExpanded ? currentLanguage.see_less : currentLanguage.see_more}
       </button>
     </div>
   );

src/components/sections/Projects.tsx

@@ -63,9 +63,9 @@ export const Projects = () => {
   return (
     <div className="h-auto py-8 flex flex-col items-center  w-full">
       <div className="h-auto w-full ">
-        <h1 className="text-2xl md:text-4xl px-5 md:px-10 font-bold text-left">Projetos</h1>
+        <h1 className="text-2xl md:text-4xl px-5 md:px-10 font-bold text-left">{t("projects.title")}</h1>
         <h6 className="pt-5  px-5 md:px-10 text-base text-left">
-          Esses são alguns dos meus projetos pessoais que estão disponíveis no GitHub, ao clicar na imagem você será redirecionado para o site do projeto e ao clicar no titulo você irá para o repositorio.
+        {t("projects.description")}
         </h6>
         <div className="flex justify-center h-auto items-center w-full mt-6">
           <Swiper