Merge pull request #14 from josemoracard/jose1-README

fixed text README

README.es.md

@@ -2,51 +2,46 @@
 #  Landing page con React.js
 <!--endhide-->
 
-```
-🔥 Este ejercicio está diseñado para realizarse en  
-grupos de 2 o máximo 3 personas.
-   Si colaboras, discutes e intercambias ideas absorberás el contenido más rápidamente.
-```
+> 🔥 Este ejercicio está diseñado para realizarse con un compañero. Si colaboras, discutes e intercambias ideas, absorberás el contenido más rápidamente.
 
 <p align="center">
-  <img height="200" src="https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif?raw=true" />
+  <img height="500" src="https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif?raw=true" />
 </p>
 
 Tecnologías: HTML, CSS, JS, React.
 
-Vamos a construir [este landing page](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif) pero utilizando react y componentes funcionales (de tipo función).
+Vamos a construir [esta landing page](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif) utilizando React y componentes funcionales (de tipo función).
 
 La idea es dividir los componentes de Bootstrap en diferentes componentes de función, todos se importarán en el componente principal Home.js
 
 ***Por favor usa los Componentes de Función para esto***
 
-Nota: las tarjetas tienen un contenido diferente, piense DRY (no se repita) y declare solo ***un*** componente y use ```props``` para manejar contenido diferente.
+> Nota: las tarjetas tienen contenido diferente, piensa en DRY (Don't Repeat Yourself), que significa: "No Te Repitas" y declara solo ***un*** componente `<Card />`, luego usa `props` para manejar contenido diferente.
 
 ## 🌱 Cómo comenzar este proyecto
 
 No clones este repositorio porque vamos a usar una plantilla diferente.
 
-Recomendamos abrir el `react boilerplate ` usando una herramienta de aprovisionamiento como [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recomendado) o [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod). Alternativamente, puedes clonarlo en tu computadora local usando el comando `git clone`.
+Recomendamos abrir el `react boilerplate` usando un entorno de desarrollo como [Codespaces](https://4geeks.com/es/lesson/tutorial-de-github-codespaces) (recomendado) o [Gitpod](https://4geeks.com/es/lesson/como-utilizar-gitpod). Alternativamente, puedes clonarlo en tu computadora local usando el comando `git clone`.
 
 Este es el repositorio que necesitas abrir o clonar:
 
-```
+```text
 https://github.com/4GeeksAcademy/react-hello
 ```
 
-**👉 Por favor sigue estos pasos** [cómo comenzar un proyecto de codificación](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
+**👉 Por favor sigue estos pasos sobre** [cómo comenzar un proyecto de programación](https://4geeks.com/es/lesson/como-comenzar-un-proyecto-de-codificacion).
 
-💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (`git remote set-url origin <your new url>`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git.
+> 💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (`git remote set-url origin <your new url>`) y subiendo el código a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git.
 
 ## Estrategia
 
 Tomate unos minutos para analizar 🤯 la imagen y dibuja tu estrategia sobre ella, marca los componentes que vas a desarrollar:
 
-![Strategy for building a landing page with react](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/strategy.gif?raw=true)
+![Estrategia para construir una landing page con React](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/strategy.gif?raw=true)
 
-Lo que realmente queremos lograr con este ejercicio es que aprendas a decidir qué componentes vas a crear, ¿Qué crees que deba ser un componente? ¿Qué se va a reutilizar? ¿Cómo puedes hacer que tu código quede realmente ordenado y prevenir futuros errores?: `<Jumbotron />`, `<Navbar />`, `<Card />`.
+Lo que realmente queremos lograr con este ejercicio es que aprendas a decidir qué componentes vas a crear, ¿Qué crees que deba ser un componente? ¿Qué se va a reutilizar? ¿Cómo puedes hacer que tu código quede realmente ordenado y prevenir futuros errores? Lo más seguro es que tienes que dividir tu código en componentes: `<Jumbotron />`, `<Navbar />`, `<Card />`.
 
-Una vez terminada la estrategia puedes empezar a codificar, 
-¡Empieza a programar 🎊!
+Una vez terminada la estrategia puedes empezar con el proyecto, ¡Empieza a programar 🎊!
 
-Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Curso de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
+Este y otros proyectos son usados para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/coding-bootcamps/desarrollador-full-stack/?lang=es), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).

README.md

@@ -2,43 +2,45 @@
 # Landing page with React 
 <!--endhide-->
 
-> 🔥 This exercise is meant to be done with a partner. Collaborate, and discuss exchanges with others and your learning will be easier and faster.
+> 🔥 This exercise is meant to be done with a partner. Collaborate, discuss ideas, and exchange insights with others, and your learning will be easier and faster.
 
-<p align="center"><img height="200" src="https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif?raw=true" /></p>
+<p align="center">
+  <img height="500" src="https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif?raw=true" />
+</p>
 
 Technologies: HTML, CSS, JS, React.
 
 Let's build [this landing page](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/preview.gif) using React Function Components.
 
-The idea is to split Bootstrap components into different function Components, they'll be all imported into the main component Home.jsx
+The idea is to split Bootstrap components into different function components; they'll all be imported into the main component Home.jsx
 
 ***Please use Function Components for this***
 
-Note: the Cards have different content, think DRY (Don't repeat yourself) and declare only ***one*** component and use ```props``` to handle different content.
+> Note: The cards have different content, think DRY (Don't Repeat Yourself) and declare only ***one*** `<Card />` component, then use `props` to handle different content.
 
-## 🌱  How to start this project
+## 🌱 How to start this project
 
 Do not clone this repository because we are going to be using a different template.
 
 We recommend opening the `react boilerplate` using a provisioning tool like [Codespaces](https://4geeks.com/lesson/what-is-github-codespaces) (recommended) or [Gitpod](https://4geeks.com/lesson/how-to-use-gitpod). Alternatively, you can clone it on your local computer using the `git clone` command.
 
 This is the repository you need to open or clone:
 
-```
+```text
 https://github.com/4GeeksAcademy/react-hello
 ```
 
 **👉 Please follow these steps on** [how to start a coding project](https://4geeks.com/lesson/how-to-start-a-project).
 
-💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin <your new url>`), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
+> 💡 Important: Remember to save and upload your code to GitHub by creating a new repository, updating the remote (`git remote set-url origin <your new url>`), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal.
 
 ## Strategy
 
-Take a few minutes to analyze 🤯 the image and draw your strategy on it, mark the components that you are going to develop:
+Take a few minutes to analyze 🤯 the image and draw your strategy on it, identify the components that you are going to develop:
 
 ![Strategy for building a landing page with react](https://github.com/breatheco-de/exercise-landing-page-with-react/blob/master/strategy.gif?raw=true)
 
-The key of this project is to help you understand how to pick the components that you want to build, you have to think the best way to organize and avoid future errors. What can be re-used? If your code is tuning into something big and hard to understand you probably will need to split it into components: `<Jumbotron />`, `<Navbar />`, `<Card />`.
+The key of this project is to help you understand how to pick the components that you want to build. You have to think about the best way to organize and avoid future errors. What can be re-used? If your code is turning into something big and hard to understand, you will probably need to split it into components: `<Jumbotron />`, `<Navbar />`, `<Card />`.
 
 That is it! Start coding your first React website.
 Have fun!🎊