Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Desafio CV Platzi Master - Camilo Saavedra Salas #37

Closed
wants to merge 1 commit into from
Closed

Desafio CV Platzi Master - Camilo Saavedra Salas #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 23 additions & 8 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,33 @@
# frontend

## React Curriculum vitae
## React Curriculum vitae realizado por Camilo Saavedra Salas

<h1>Hola 👋 </h1>
<p>Intente realizar el desafio, sabia que era mi primer proyecto en React, no logre hacerlo al 100%, creo que me falto la parte mas importante de unir los datos de la API con mi aplicación web. No logre generar el uso de useState y useEffect en su defecto, solo pude implentar leer los datos de la API pero no visualizarlos. </p>

<p>Espero poder realizar un Pull Request ya que los test por cada componente no me dejaban realizar un commit en git para documentar el trabajo realizado.</p>

<p>Detallo los pasos que se logran realiar en este proyecto.</p>


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)
### Solución
1. Se crean los componentes solicitados integrando una estructura basica para colocar los elementos
2. Se añaden los estilos a traves de styled-components, se intenta añadir y configurar SASS pero al parecer el proyecto ya venia configurado con otro pre-procesador, por lo que decido instalar styled-components, ya que era la segunda forma mas eficiente, dando compatibilidad para todos los navegadores.
3. Se crea la función getData.js para comunicarse con la API
4. Se intenta integrar la API a cada componentes a traves de Hook useState y useEffect, pero no logro llegar al resultado deseado, no logro terminar el reto, y finalizar el proyecto.
5. Se actualiza el README y se documento el trabajo realizado.

![react-cv](https://i.imgur.com/V7MEGRh.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)
3. [Crear función getData.js](https://github.com/platzimaster/frontend/issues/3)
4. [Integrar API](https://github.com/platzimaster/frontend/issues/4)
5. [Personalizar API](https://github.com/platzimaster/frontend/issues/5)
6. [Documentar](https://github.com/platzimaster/frontend/issues/6)
1. [Crear los componentes del proyecto](https://github.com/platzimaster/frontend/issues/1) ✔️
2. [Añadir estilos](https://github.com/platzimaster/frontend/issues/2) ✔️
3. [Crear función getData.js](https://github.com/platzimaster/frontend/issues/3) ✔️
4. [Integrar API](https://github.com/platzimaster/frontend/issues/4)
5. [Personalizar API](https://github.com/platzimaster/frontend/issues/5) ✔️
6. [Documentar](https://github.com/platzimaster/frontend/issues/6) ✔️

### Instalación
```
Expand Down
63 changes: 28 additions & 35 deletions data.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,57 +1,50 @@
{
"data": {
"name": "Melissa Walsh",
"profession": "FrontEnd Developer",
"address": "Bogotá, Colombia.",
"email": "melissa@example.com",
"name": "Camilo Saavedra Salas",
"profession": "UI FrontEnd Developer",
"address": "Santiago, Chile.",
"email": "ci.saavedras@gmail.com",
"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, ",
"phone": "+569 59077329",
"avatar": "https://i.imgur.com/jpEwBzY.png",
"Profile": "Self-taught and creative UI Frontend Developer with 2 years of experience in building Front-end/UI-oriented Web applications creating re-usable components and completely responsive websites. Always looking for new technologies to be able to apply to the next challenges. Highly skillful in HTML, CSS, and JavaScript. Passionate about simplicity, successful designs, and good practices.",
"certificate": [
{
"date": "Jan 2021",
"description": "Hack up furballs try to jump onto window and fall while scratching at wall. ",
"date": "Dic 2020",
"description": "Aprende a trabajar con git, conceptos básicos, clonar un repositorio y gestionar tus proyectos alojándolos en tu repositorio local y en GitHub. ",
"institution": "Platzi",
"name": "FrontEnd Developer"
"name": "Curso Profesional de Git y GitHub"
},
{
"date": "Jan 2021",
"description": "Scratch at the door then walk away wack the mini furry mouse",
"date": "Feb 2021",
"description": "Conoce estrategias para presentar sistemas de diseño y usarlos como herramientas de discusión que faciliten la toma de decisión entre equipos.",
"institution": "Platzi",
"name": "Backend Developer"
"name": "Curso de Sistemas de Diseño"
}
],
"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"
"degree": "Ingenieria Agronegocios",
"description": "Ingeniería en Agronegocios se enfoca en el desarrollo de nuevas organizaciones y productos para satisfacer los gustos del consumidor contemporáneo.",
"endDate": "Feb 2013",
"institution": "USACH",
"startDate": "Mar 2012"
}
],
"experience": [
{
"company": "PugStar",
"company": "Practices",
"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": "Building complete web app with the same design of Disney+ website.",
"jobTitle": "Disney Clone",
"startDate": "Jan 2021"
},
{
"company": "CatStore",
"company": "Practices",
"endDate": "Jan 2016",
"jobDescription": "Meow in empty rooms lick left leg for ninety minutes, still dirty.",
"jobTitle": "Backend",
"startDate": "Sept 2019"
"startDate": "Feb 2021"
}
],
"skills": [
Expand All @@ -61,27 +54,27 @@
},
{
"name": "CSS",
"percentage": "25%"
"percentage": "75%"
},
{
"name": "JavaScript",
"percentage": "55%"
},
{
"name": "React",
"percentage": "90%"
"percentage": "30%"
}
],
"interest": [
"javascript",
"develop",
"backend",
"UI/UX",
"frontend"
],
"languages": [
{
"name": "Spanish",
"percentage": "90%"
"percentage": "99%"
},
{
"name": "English",
Expand Down
Loading