diff --git a/src/components/Portifolio.jsx b/src/components/Portifolio.jsx index 2f3813e..fd5464f 100644 --- a/src/components/Portifolio.jsx +++ b/src/components/Portifolio.jsx @@ -2,10 +2,24 @@ import Archemy from "../assets/Archemy.png"; import pybank from "../assets/pyBank.png"; import bytedesabor from "../assets/bytedesabor.png"; import CTF from "../assets/CTF.png"; -import { AiFillGithub } from "react-icons/ai"; import Reveal from "./Reveal"; import React from "react"; import { useTranslation } from 'react-i18next'; +import { AiFillGithub } from "react-icons/ai"; +import { + FaReact, + FaJs, + FaNodeJs, + FaPython, +} from "react-icons/fa"; +import { + SiGnubash, + SiMongodb, + SiRedux, +} from "react-icons/si"; + + + const Portifolio = () => { const { t } = useTranslation(); @@ -15,6 +29,7 @@ const Portifolio = () => { img: bytedesabor, title: t('portfolio.projects.0.title'), description: t('portfolio.projects.0.description'), + skills: [, , , ], links: { site: 'https://bytedesabor.vercel.app/', github: 'https://github.com/paulemacedo/bytedesabor', @@ -23,27 +38,30 @@ const Portifolio = () => { { img: Archemy, title: t('portfolio.projects.1.title'), + skills: [], description: t('portfolio.projects.1.description'), links: { - site: 'https://github.com/paulemacedo/Archemy', + site: '', github: 'https://github.com/paulemacedo/Archemy', } }, { img: CTF, title: t('portfolio.projects.2.title'), + skills: [], description: t('portfolio.projects.2.description'), links: { - site: 'https://github.com/paulemacedo/CTF', + site: '', github: 'https://github.com/paulemacedo/CTF', } }, { img: pybank, title: t('portfolio.projects.3.title'), + skills: [], description: t('portfolio.projects.3.description'), links: { - site: 'https://github.com/paulemacedo/PyBank', + site: '', github: 'https://github.com/paulemacedo/PyBank', } }, @@ -55,7 +73,7 @@ const Portifolio = () => { {projects.map((project, index) => (
-
+
{project.title} { />
-

{project.title}

+
+

+ {project.title} + + {project.skills.map((skill, index) => ( + {skill} + ))} + +

+

{project.description}

- - Visit Site - + Visit Site} + {project.links.github && - + }
diff --git a/src/locales/en.json b/src/locales/en.json index 5f4ba28..199ab27 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -35,7 +35,7 @@ "projects": [ { "title": "Byte de Sabor", - "description": "Byte de Sabor is a açai store website developed using React. It features a modern and responsive design, showcasing the store’s products and services. This project demonstrates my proficiency in front-end development and my ability to create visually appealing and user-friendly websites." + "description": "Byte de Sabor is a açai store website developed using React. It features a modern and responsive design, showcasing the store’s products and services." }, { "title": "Archemy", diff --git a/src/locales/es.json b/src/locales/es.json index c17a6eb..91ada9f 100644 --- a/src/locales/es.json +++ b/src/locales/es.json @@ -35,7 +35,7 @@ "projects": [ { "title": "Byte de Sabor", - "description": "Byte de Sabor es un sitio web de tienda de açaí desarrollado con React. Cuenta con un diseño moderno y responsivo, mostrando los productos y servicios de la tienda. Este proyecto demuestra mi competencia en desarrollo front-end y mi capacidad para crear sitios web visualmente atractivos y fáciles de usar." + "description": "Byte de Sabor es un sitio web de tienda de açaí desarrollado con React. Cuenta con un diseño moderno y responsivo, mostrando los productos y servicios de la tienda." }, { "title": "Archemy", diff --git a/src/locales/pt.json b/src/locales/pt.json index 9addbe5..d38f02d 100644 --- a/src/locales/pt.json +++ b/src/locales/pt.json @@ -35,7 +35,7 @@ "projects": [ { "title": "Byte de Sabor", - "description": "Byte de Sabor é um site de loja de açaí desenvolvido usando React. Ele apresenta um design moderno e responsivo, exibindo os produtos e serviços da loja. Este projeto demonstra minha proficiência em desenvolvimento front-end e minha capacidade de criar sites visualmente atraentes e fáceis de usar." + "description": "Byte de Sabor é um site de loja de açaí desenvolvido usando React. Ele apresenta um design moderno e responsivo, exibindo os produtos e serviços da loja." }, { "title": "Archemy",