Merge pull request #1 from Oriplus/dev

Changes

.eslintrc

@@ -19,7 +19,7 @@
     "expect": true,
     "sinon": true
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "plugins": [
     "react",
     "jsx-a11y",
@@ -286,6 +286,13 @@
     "react/self-closing-comp": 2,
     "react/sort-comp": 0,
     "react/jsx-wrap-multilines": 2,
+    "react/function-component-definition": [
+      2,
+      {
+        "namedComponents": "arrow-function",
+        "unnamedComponents": "arrow-function",
+      },
+    ],
     "semi-spacing": 0,
     "sort-vars": 0,
     "space-before-blocks": [

README.md

@@ -1,28 +1,20 @@
-# react-eth-challenge
+# Resume using React
 
-## React Curriculum vitae
+Hi! This is a resume using React.
 
-Crear tu curriculum vitae en React, analiza la estructura propuesta e inspirate para mostrar tu información.
+Styles are made using [Stylus](https://github.com/stylus/stylus)
 
-![react-cv](https://github.com/gndx/react-eth-challenge/blob/440befcbc257b886015bd050666a21a3bec6c244/screenshot.png)
+Icons from [React Icons](https://react-icons.github.io/react-icons/)
 
-### Retos
+Data comes from data.json file and it is fetch with the getData.js file.
 
-1. [Crear los componentes del proyecto](https://github.com/gndx/react-eth-challenge/issues/1)
-2. [Añadir estilos](https://github.com/gndx/react-eth-challenge/issues/2)
-3. [Crear función getData.js](https://github.com/gndx/react-eth-challenge/issues/3)
-4. [Integrar API](https://github.com/gndx/react-eth-challenge/issues/4)
-5. [Personalizar API](https://github.com/gndx/react-eth-challenge/issues/5)
-6. [Documentar](https://github.com/gndx/react-eth-challenge/issues/6)
-7. [Deploy](https://github.com/gndx/react-eth-challenge/issues/7)
-
-### Instalación
+### Installation
 
 ```
 npm install
 ```
 
-### Ejecución
+### Run Webpack server
 
 ```
 npm run start
@@ -34,13 +26,13 @@ npm run start
 npm run server
 ```
 
-### Compilar
+### Compile
 
 ```
 npm run build
 ```
 
-### Pruebas Unitarias
+### Unit Test
 
 ```
 npm run test
@@ -51,15 +43,3 @@ npm run test
 ```
 npm run lint
 ```
-
-### Enviar solución de reto
-
-Debes de crear un "Fork" de este proyecto, revolver los problemas y crear un Pull Request hacia tu repositorio.
-
-### Contribuir
-
-Si alguien quiere agregar o mejorar algo, lo invito a colaborar directamente en este repositorio: [react-eth-challenge](https://github.com/gndx/react-eth-challenge/)
-
-### Licencia
-
-frontend se lanza bajo la licencia [MIT](https://opensource.org/licenses/MIT).

data.json

@@ -1,109 +1,108 @@
 {
   "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"
-      }
-    ],
+    "name": "Oriana Morillo",
+    "profession": "Backend Developer.",
+    "address": "Caracas, Venezuela.",
+    "email": "[email protected]",
+    "website": "",
+    "phone": "",
+    "avatar": "https://avatars.githubusercontent.com/u/42686893?v=4",
+    "Profile": "I like learning new technologies. Blockchain enthusiast. Currently I'm working with PHP and learning Solidity ",
+    "certificate": [],
     "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": "Ethereum Developer Program",
+        "endDate": "Present",
+        "institution": "Platzi",
+        "startDate": "Junio 2022"
       },
       {
-        "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": "Systems Engineer",
+        "endDate": "Jul 2017",
+        "institution": "UNEXPO University",
+        "startDate": "May 2011"
       }
     ],
     "experience": [
       {
-        "company": "PugStar",
+        "company": "Tradercomusa",
         "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"
+        "jobDescription": "Development and maintenance of web applications and APIs. Using PHP, MariaDB and JavaScript",
+        "jobTitle": "Web Developer",
+        "startDate": "Abr 2020"
+      },
+      {
+        "company": "Compralotodo",
+        "endDate": "Abr 2020",
+        "jobDescription": "Development and maintenance of web applications. Data Base management. Using PHP, Laravel, Vue and MySQL",
+        "jobTitle": "Web Developer",
+        "startDate": "Feb 2018"
       },
       {
-        "company": "CatStore",
-        "endDate": "Jan 2016",
-        "jobDescription": "Meow in empty rooms lick left leg for ninety minutes, still dirty.",
-        "jobTitle": "Backend",
-        "startDate": "Sept 2019"
+        "company": "BBVA Provincial",
+        "endDate": "Feb 2018",
+        "jobDescription": "Analysis, design, development, and management of applications web for the company's intranet. Using ASP.NET and MS SQL Server",
+        "jobTitle": "Management and Development Specialist",
+        "startDate": "Dic 2016"
       }
-    ],
+  ],
     "skills": [
       {
-        "name": "HTML5",
-        "percentage": "75%"
+        "name": "PHP"
       },
       {
-        "name": "CSS",
-        "percentage": "25%"
+        "name": "JavaScript"
       },
       {
-        "name": "JavaScript",
-        "percentage": "55%"
+        "name": "CSS"
       },
       {
-        "name": "React",
-        "percentage": "90%"
+        "name": "HTML5"
+      },
+      {
+        "name": "Adaptability"
+      },
+      {
+        "name": "Responsible"
+      },
+      {
+        "name": "Problem-solving abilities"
+      },
+      {
+        "name": "Teamwork"
+      },
+      {
+        "name": "Dedicated"
       }
     ],
     "interest": [
-      "javascript",
-      "develop",
-      "backend",
-      "frontend"
+      "JavaScript",
+      "Software Architecture",
+      "Backend",
+      "Blockchain"
     ],
     "languages": [
       {
         "name": "Spanish",
-        "percentage": "90%"
+        "percentage": "Native"
       },
       {
         "name": "English",
-        "percentage": "50%"
+        "percentage": "B2"
       }
     ],
     "social": [
       {
-        "name": "facebook",
-        "url": "https://facebook.com/"
-      },
-      {
-        "name": "twitter",
-        "url": "https://twitter.com/"
+        "name": "github",
+        "url": "https://github.com/Oriplus"
       },
       {
-        "name": "github",
-        "url": "https://github.com/"
+        "name": "linkeid",
+        "url": "https://www.linkedin.com/in/oriana-morillo-a0b054126/"
       },
       {
-        "name": "linkedin",
-        "url": "https://www.linkedin.com/"
+        "name": "twitter",
+        "url": "https://twitter.com/oriplus_"
       }
     ]
   }

package.json

@@ -29,12 +29,13 @@
     "jest-fetch-mock": "3.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.4.0",
     "webpack": "5.73.0",
     "webpack-cli": "4.10.0",
     "webpack-dev-server": "4.9.3"
   },
   "devDependencies": {
-    "babel-eslint": "10.1.0",
+    "@babel/eslint-parser": "^7.5.4",
     "css-loader": "6.7.1",
     "eslint": "8.19.0",
     "eslint-config-airbnb": "19.0.4",

public/index.html

@@ -2,7 +2,10 @@
 <html lang="es">
   <head>
     <meta charset="utf-8" />
-    <title>React Base</title>
+    <title>Resume Oriana Morillo</title>
+    <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=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
   </head>
   <body>
     <div id="app"></div>

src/__test__/components/About.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import About from '../../components/About';
 
 describe('<About />', () => {
-  const about = mount(<About />);
+  const about = shallow(<About />);
 
   test('About render', () => {
     expect(about.length).toEqual(1);

src/__test__/components/Academic.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Academic from '../../components/Academic';
 
 describe('<Academic />', () => {
-  const academic = mount(<Academic />);
+  const academic = shallow(<Academic />);
 
   test('Academic render', () => {
     expect(academic.length).toEqual(1);

src/__test__/components/Experience.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Experience from '../../components/Experience';
 
 describe('<Experience />', () => {
-  const experience = mount(<Experience />);
+  const experience = shallow(<Experience />);
 
   test('Experience render', () => {
     expect(experience.length).toEqual(1);

src/__test__/components/Header.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Header from '../../components/Header';
 
 describe('<Header />', () => {
-  const header = mount(<Header />);
+  const header = shallow(<Header />);
 
   test('Header render', () => {
     expect(header.length).toEqual(1);

src/__test__/components/Interest.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Interest from '../../components/Interest';
 
 describe('<Interest />', () => {
-  const interest = mount(<Interest />);
+  const interest = shallow(<Interest />);
 
   test('Interest render', () => {
     expect(interest.length).toEqual(1);

src/__test__/components/Languages.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Languages from '../../components/Languages';
 
 describe('<Languages />', () => {
-  const languages = mount(<Languages />);
+  const languages = shallow(<Languages />);
 
   test('Languages render', () => {
     expect(languages.length).toEqual(1);

src/__test__/components/Profile.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Profile from '../../components/Profile';
 
 describe('<Profile />', () => {
-  const profile = mount(<Profile />);
+  const profile = shallow(<Profile />);
 
   test('Profile render', () => {
     expect(profile.length).toEqual(1);

src/__test__/components/Skills.test.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import Skills from '../../components/Skills';
 
 describe('<Skills />', () => {
-  const skills = mount(<Skills />);
+  const skills = shallow(<Skills />);
 
   test('Skills render', () => {
     expect(skills.length).toEqual(1);