PlatziMaster · aobregonmx · Mar 9, 2023 · Mar 9, 2023 · Mar 9, 2023
diff --git a/.eslintrc b/.eslintrc
@@ -26,6 +26,7 @@
     "import"
   ],
   "rules": {
+    "import/prefer-default-export": "off",
     "react/jsx-filename-extension": 0,
     "array-bracket-spacing": 2,
     "arrow-body-style": 0,

diff --git a/.gitignore b/.gitignore
@@ -102,3 +102,6 @@ dist
 
 # TernJS port file
 .tern-port
+
+# Node package
+package-lock.json
diff --git a/README.md b/README.md
@@ -1,11 +1,26 @@
 # frontend
 
+## Actividades
+1. Crear componentes del proyecto ✅
+2. Añadir estilos ✅ (No estoy del todo convencido pues es la primera vez que utilizo styled-components)
+3. Crear función getData.js ✅
+4. Integrar API ✅
+5. Personalizar API ✅
+6. Documentar ✅
+
+## Notas
+a. Cuando traté de ejecutar el proyecto con nodejs v18, aparece el error ERR_OSSL_EVP_UNSUPPORTED, así que tuve que cambiar a v16.3.0 con nmv.
+b. Tuve que hacer algunas modificaciones a los Test para agregar el Mock de los datos
+
+![react-cv](https://github.com/aobregonmx/frontend/blob/main/cv-1_0.png?raw=true)
+
+
 ## React Curriculum vitae
 
 Crear tu curriculum vitae en React, analiza la estructura propuesta e inspirate para mostrar tu información.
 
 ![react-cv](https://github.com/PlatziMaster/frontend/blob/main/screenshot.png?raw=true)
-
+/Users/aobregon/Projects/Platzi/frontend/cv-1_0.png
 ### Retos
 1. [Crear los componentes del proyecto](https://github.com/platzimaster/frontend/issues/1)
 2. [Añadir estilos](https://github.com/platzimaster/frontend/issues/2)

diff --git a/cv-1_0.png b/cv-1_0.png
diff --git a/data.json b/data.json
@@ -1,88 +1,134 @@
 {
   "data": {
-    "name": "Melissa Walsh",
-    "profession": "FrontEnd Developer",
-    "address": "Bogotá, Colombia.",
-    "email": "[email protected]",
-    "website": "https://example.com",
-    "phone": "3042034240",
-    "avatar": "https://arepa.s3.amazonaws.com/melissa.jpg",
-    "Profile": "Ignore the squirrels, you'll never catch them anyway hack, for floof tum, tickle bum, jellybean footies curly toes climb leg roll over and sun my belly, ",
+    "name": "Antonio Obregón",
+    "profession": "Ingeniero en Comunicaciones y Electronica",
+    "address": "México City, México",
+    "email": "[email protected]",
+    "website": "https://mysite.io",
+    "phone": "55 1234 5678",
+    "avatar": "src/image/inscribebSatoshis.jpeg",
+    "Profile": "Líder en proyectos de desarrollo de software, tengo 20 años de experiencia en el sector Bancario, soy entusiasta en temas de Blockchain, Agilidad y Buenas Practicas de desarrollo de software. He realizado 3 posgrados en tecnologías de información y diversas certificaciones",
     "certificate": [
       {
-        "date": "Jan 2021",
-        "description": "Hack up furballs try to jump onto window and fall while scratching at wall. ",
-        "institution": "Platzi",
-        "name": "FrontEnd Developer"
+        "date": "Feb 2023",
+        "description": "Desarrollar SmartContract y Dapp para la blockchain de Ethereum Virtual Machine",
+        "institution": "Blockdemy",
+        "name": "Blockchain Developer Professional"
       },
       {
-        "date": "Jan 2021",
-        "description": "Scratch at the door then walk away wack the mini furry mouse",
-        "institution": "Platzi",
-        "name": "Backend Developer"
+        "date": "Dic 2022",
+        "description": "Formar consultor profesional de modelos de negocios para web3 y blockchain",
+        "institution": "Blockdemy",
+        "name": "Blockchain Consultant Advanced"
+      },
+      {
+        "date": "Nov 2014",
+        "description": "Formar profesionales que ayuda a las empresas a lograr sus objetivos para el gobierno y la gestión de la TI empresarial",
+        "institution": "APMG International",
+        "name": "COBIT v5 Foundation"
+      },
+      {
+        "date": "Ago 2011",
+        "description": "Formar profesionales en conceptos y mejores prácticas referentes a la gestión de servicios de tecnologías de la información",
+        "institution": "Service Management Foundation",
+        "name": "ITIL V3 Foundation"
+      },
+      {
+        "date": "Abr 2004",
+        "description": "Formar profesionales con capacidad de instalar, configurar, operar y solucionar problemas de rutas de tamaño medio y redes conmutadas, incluida la implementación y verificación de conexiones a sitios remotos en una WAN.",
+        "institution": "NeTec",
+        "name": "CCNA Cisco"
       }
     ],
-    "Academic": [
+    "academic": [
       {
-        "degree": "Atomic Master",
-        "description": " I’m so hungry i’m so hungry but ew not for that pelt around the house and up and down stairs chasing phantoms",
-        "endDate": "Jan 2017",
-        "institution": "MIT",
-        "startDate": "Jan 2018"
+        "degree": "MTI",
+        "description": "Maestría en Administración de Tecnologías de Información",
+        "endDate": "Dic 2015",
+        "institution": "Tec de Monterrey",
+        "startDate": "Ago 2013"
       },
       {
-        "degree": "Space Engineering",
-        "description": "Meow in empty rooms. Find empty spot in cupboard and sleep all day check cat door for ambush 10 times before coming in for hack. ",
-        "endDate": "Decenber 2015",
-        "institution": "Harvard",
-        "startDate": "Jan 2017"
+        "degree": "EET",
+        "description": "Especialidad en Estrategias de Tecnologías de Información",
+        "endDate": "Ago 2014",
+        "institution": "Tec de Monterrey",
+        "startDate": "Ene 2014"
+      },
+      {
+        "degree": "EST",
+        "description": "Especialidad en Servicios de Tecnologías de Información",
+        "endDate": "Ago 2014",
+        "institution": "Tec de Monterrey",
+        "startDate": "Ago 2013"
+      },
+      {
+        "degree": "ICE",
+        "description": "Ingeniería en Comunicaciones y Electronica",
+        "endDate": "Ene 2002",
+        "institution": "Instituto Politecnico Nacional",
+        "startDate": "Ago 1997"
       }
     ],
     "experience": [
       {
-        "company": "PugStar",
-        "endDate": "Present",
-        "jobDescription": "scratch the furniture. Good now the other hand, too lay on arms while you're using the keyboard.",
-        "jobTitle": "Frontend",
-        "startDate": "Jan 2020"
+        "company": "Sociedad Hipotecaria Federal S.N.C.",
+        "endDate": "Nov 2022",
+        "jobDescription": "Líder de proyectos de tecnologías de información",
+        "jobTitle": "Arquitecto de Software",
+        "startDate": "Jul 2002"
       },
       {
-        "company": "CatStore",
-        "endDate": "Jan 2016",
-        "jobDescription": "Meow in empty rooms lick left leg for ninety minutes, still dirty.",
-        "jobTitle": "Backend",
-        "startDate": "Sept 2019"
+        "company": "Banxico",
+        "endDate": "Feb 2002",
+        "jobDescription": "Becario de la dirección de adjunta de sistemas",
+        "jobTitle": "Becario",
+        "startDate": "Ago 2001"
       }
     ],
     "skills": [
       {
         "name": "HTML5",
-        "percentage": "75%"
+        "percentage": "90%"
       },
       {
         "name": "CSS",
-        "percentage": "25%"
+        "percentage": "90%"
       },
       {
         "name": "JavaScript",
-        "percentage": "55%"
+        "percentage": "80%"
       },
       {
         "name": "React",
+        "percentage": "60%"
+      },
+      {
+        "name": "Java",
+        "percentage": "80%"
+      },
+      {
+        "name": "C#",
+        "percentage": "80%"
+      },
+      {
+        "name": "SQL",
         "percentage": "90%"
       }
     ],
     "interest": [
-      "javascript",
-      "develop",
-      "backend",
-      "frontend"
+      "Blockchain",
+      "Web3",
+      "Dapp",
+      "Backend",
+      "Frontend",
+      "Agile",
+      "Lean",
+      "Scrum",
+      "DevOpsSec",
+      "GitHub"
     ],
     "languages": [
-      {
-        "name": "Spanish",
-        "percentage": "90%"
-      },
       {
         "name": "English",
         "percentage": "50%"

diff --git a/db-1678075385402.json b/db-1678075385402.json
@@ -0,0 +1,110 @@
+{
+  "data": {
+    "name": "Melissa Walsh",
+    "profession": "FrontEnd Developer",
+    "address": "Bogotá, Colombia.",
+    "email": "[email protected]",
+    "website": "https://example.com",
+    "phone": "3042034240",
+    "avatar": "https://arepa.s3.amazonaws.com/melissa.jpg",
+    "Profile": "Ignore the squirrels, you'll never catch them anyway hack, for floof tum, tickle bum, jellybean footies curly toes climb leg roll over and sun my belly, ",
+    "certificate": [
+      {
+        "date": "Jan 2021",
+        "description": "Hack up furballs try to jump onto window and fall while scratching at wall. ",
+        "institution": "Platzi",
+        "name": "FrontEnd Developer"
+      },
+      {
+        "date": "Jan 2021",
+        "description": "Scratch at the door then walk away wack the mini furry mouse",
+        "institution": "Platzi",
+        "name": "Backend Developer"
+      }
+    ],
+    "Academic": [
+      {
+        "degree": "Atomic Master",
+        "description": " I’m so hungry i’m so hungry but ew not for that pelt around the house and up and down stairs chasing phantoms",
+        "endDate": "Jan 2017",
+        "institution": "MIT",
+        "startDate": "Jan 2018"
+      },
+      {
+        "degree": "Space Engineering",
+        "description": "Meow in empty rooms. Find empty spot in cupboard and sleep all day check cat door for ambush 10 times before coming in for hack. ",
+        "endDate": "Decenber 2015",
+        "institution": "Harvard",
+        "startDate": "Jan 2017"
+      }
+    ],
+    "experience": [
+      {
+        "company": "PugStar",
+        "endDate": "Present",
+        "jobDescription": "scratch the furniture. Good now the other hand, too lay on arms while you're using the keyboard.",
+        "jobTitle": "Frontend",
+        "startDate": "Jan 2020"
+      },
+      {
+        "company": "CatStore",
+        "endDate": "Jan 2016",
+        "jobDescription": "Meow in empty rooms lick left leg for ninety minutes, still dirty.",
+        "jobTitle": "Backend",
+        "startDate": "Sept 2019"
+      }
+    ],
+    "skills": [
+      {
+        "name": "HTML5",
+        "percentage": "75%"
+      },
+      {
+        "name": "CSS",
+        "percentage": "25%"
+      },
+      {
+        "name": "JavaScript",
+        "percentage": "55%"
+      },
+      {
+        "name": "React",
+        "percentage": "90%"
+      }
+    ],
+    "interest": [
+      "javascript",
+      "develop",
+      "backend",
+      "frontend"
+    ],
+    "languages": [
+      {
+        "name": "Spanish",
+        "percentage": "90%"
+      },
+      {
+        "name": "English",
+        "percentage": "50%"
+      }
+    ],
+    "social": [
+      {
+        "name": "facebook",
+        "url": "https://facebook.com/"
+      },
+      {
+        "name": "twitter",
+        "url": "https://twitter.com/"
+      },
+      {
+        "name": "github",
+        "url": "https://github.com/"
+      },
+      {
+        "name": "linkedin",
+        "url": "https://www.linkedin.com/"
+      }
+    ]
+  }
+}
diff --git a/package.json b/package.json
@@ -22,16 +22,20 @@
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-react": "^7.8.3",
     "babel-loader": "^8.0.6",
+    "bootstrap": "^5.2.3",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
+    "jest-fetch-mock": "^3.0.1",
     "react": "^16.12.0",
+    "react-bootstrap": "^2.7.2",
     "react-dom": "^16.12.0",
+    "style-loader": "^0.23.1",
+    "styled-components": "^5.3.8",
     "webpack": "^4.41.5",
     "webpack-cli": "^3.3.10",
     "webpack-dev-server": "^3.10.2",
     "enzyme": "^3.11.0",
-    "jest-fetch-mock": "^3.0.1",
-    "enzyme-adapter-react-16": "^1.15.2"
+    "enzyme-adapter-react-16": "^1.15.7"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.3",