From 85bda625044e569bfc1b76d58e7b7cd16f02addc Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 25 Oct 2023 16:22:58 +0200 Subject: [PATCH 1/2] Update README.md --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index bcd6f81..81131c2 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@

- +

Create a TODO list application that allows users to add and delete tasks. @@ -16,21 +16,21 @@ We recommend opening the `react.js boilerplate` using a provisioning tool like [ 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 `), 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 `), and uploading the code to your new repository using the `add`, `commit` and `push` commands from the git terminal. ## 馃摑 Instructions -- You app needs to look [like this](https://github.com/breatheco-de/exercise-todo-list/blob/master/preview.gif?raw=true). -- The tasks are added when the user press enter on the keyboard, or you can have your own button. +- Your app needs to look [like this](https://github.com/breatheco-de/exercise-todo-list/blob/master/preview.gif?raw=true). +- The tasks are added when the user presses enter on the keyboard, or you can have your own button. - The delete icon shows only when the task is hovered. -- The user can add as many tasks as he/she wants. +- The user can add as many tasks as they want. - When there are no tasks the list should say "No tasks, add a task" - There is no way to update a task, the user will have to delete and create again. @@ -38,8 +38,8 @@ https://github.com/4GeeksAcademy/react-hello Do not go straight to the code, think first and have a viable strategy. -- What components will you create? Draw the project on white paper and identify components. +- What components will you create? Draw the project on white paper and identify the components. - Where are the tasks going to be stored in your component? -- Read about [controlled components inputs in react.js](https://www.youtube.com/watch?v=A6YxkyR_T8c), you will need to understand the concept. +- Read about [controlled inputs in react.js](https://4geeks.com/lesson/controlled-vs-uncontrolled-inputs-react-js), you will need to understand the concept. This and many other projects are built by students as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning). From 89d84f221014ba667b73dd9a3c7a442cdb62c929 Mon Sep 17 00:00:00 2001 From: Jose Mora <109150320+josemoracard@users.noreply.github.com> Date: Wed, 25 Oct 2023 16:34:04 +0200 Subject: [PATCH 2/2] Update README.es.md --- README.es.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/README.es.md b/README.es.md index bbf693b..8978a02 100644 --- a/README.es.md +++ b/README.es.md @@ -1,9 +1,9 @@ -# Applicaci贸n de TODO (tareas) con React.js +# Aplicaci贸n de TODO (tareas) con React.js

- +

Crea una aplicaci贸n de lista de TODO que permita a los usuarios agregar y eliminar tareas. @@ -12,34 +12,34 @@ Crea una aplicaci贸n de lista de TODO que permita a los usuarios agregar y elimi No clones este repositorio porque vamos a usar una plantilla diferente. -Recomendamos abrir el `react.js 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.js 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 `) 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 `) y subiendo el c贸digo a tu nuevo repositorio usando los comandos `add`, `commit` y `push` desde la terminal de git. ## 馃摑 Instrucciones: -- Tu aplicaci贸n debe verse [como esta imagen](https://github.com/breatheco-de/exercise-todo-list/blob/master/preview.gif?raw=true). +- Tu aplicaci贸n deber铆a [verse as铆](https://github.com/breatheco-de/exercise-todo-list/blob/master/preview.gif?raw=true). - Las tareas se agregan cuando el usuario presiona enter en el teclado. -- El icono de eliminar solo se muestra cuando la tarea est谩 activada. +- El 铆cono de eliminar solo se muestra cuando pasas el rat贸n encima de la tarea (hover). - El usuario puede agregar tantas tareas como desee. - Cuando no haya tareas pendientes, la lista deber铆a decir "No hay tareas, a帽adir tareas" - No hay forma de actualizar una tarea, el usuario tendr谩 que eliminarla y crearla de nuevo. ## 馃挕 Tips para terminar este proyecto -No te pongas a codificar de inmediato, piensa primero y prepara una estrategia viable. +No te pongas con el c贸digo de inmediato, piensa primero y prepara una estrategia viable. - 驴Qu茅 componentes crear谩s? Dibuja tu proyecto en una hoja de papel e identifica los componentes. - 驴D贸nde se almacenar谩n las tareas en tu componente? -- Lee sobre [controlled components inputs in react.js](https://www.youtube.com/watch?v=A6YxkyR_T8c&t=15s), ya que deber谩s comprender el concepto. +- Lee sobre [entradas controladas en react.js](https://4geeks.com/es/lesson/controlled-vs-uncontrolled-inputs-react-js-es), ya que deber谩s comprender el concepto. -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).