diff --git a/curriculum/challenges/spanish/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.spanish.md b/curriculum/challenges/spanish/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.spanish.md index b3e91d7c74..5e9a2d78ce 100644 --- a/curriculum/challenges/spanish/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.spanish.md +++ b/curriculum/challenges/spanish/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.spanish.md @@ -4,11 +4,11 @@ title: Build a Random Quote Machine isRequired: true challengeType: 3 videoUrl: '' -localeTitle: Construir una máquina de cotización aleatoria +localeTitle: Construir una máquina de citas aleatorias --- -## Description -
Objetivo: crear una aplicación CodePen.io que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/qRZeGZ . Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede completar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un marco frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de marcos frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros marcos de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! Historia de usuario n. ° 1: Puedo ver un elemento de envoltorio con una id="quote-box" correspondiente id="quote-box" . Historia de usuario n. ° 2: Dentro de #quote-box , puedo ver un elemento con una id="text" correspondiente id="text" . Historia de usuario # 3: Dentro de #quote-box , puedo ver un elemento con un id="author" correspondiente id="author" . Historia de usuario # 4: Dentro de #quote-box , puedo ver un elemento seleccionable con un id="new-quote" correspondiente id="new-quote" . Historia de usuario n. ° 5: Dentro de #quote-box , puedo ver un clic elemento con un id="tweet-quote" correspondiente id="tweet-quote" . Historia de usuario n. ° 6: En la primera carga, mi máquina de presupuestos muestra una cita aleatoria en el elemento con id="text" . Historia de usuario n. ° 7: En la primera carga, mi máquina de citas muestra el autor de la cita aleatoria en el elemento con id="author" . Historia de usuario n. ° 8: cuando se hace clic en el botón #new-quote , mi máquina de cotizaciones debería buscar una nueva cita y mostrarla en el elemento #text . Historia de usuario n. ° 9: Mi máquina de cotizaciones debe buscar al autor de la nueva cotización cuando se hace clic en el botón #new-quote y mostrarla en el elemento #author . Historia usuario # 10: Puedo Tweet la cotización actual haciendo clic en el #tweet-quote a elemento. Este a elemento debe incluir la "twitter.com/intent/tweet" ruta de acceso en su href atributo a tweet la cotización actual. Historia de usuario n. ° 11: El elemento #quote-box wrapper debe estar centrado horizontalmente. Ejecute las pruebas con el nivel de zoom del navegador al 100% y la página maximizada. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas.
+## Descripción +
Objetivo: crear una aplicación CodePen.io que sea funcionalmente similar a esta: https://codepen.io/freeCodeCamp/full/qRZeGZ . Cumple las siguientes historias de usuario y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un framework frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de frameworks frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros frameworks de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan el stack de tecnología sugerida para este proyecto. ¡Feliz codificación! Historia de usuario n. ° 1: Puedo ver un elemento contenedor con su id="quote-box" correspondiente id="quote-box" . Historia de usuario n. ° 2: Dentro de #quote-box , puedo ver un elemento con su id="text" correspondiente id="text" . Historia de usuario # 3: Dentro de #quote-box , puedo ver un elemento con su id="author" correspondiente id="author" . Historia de usuario # 4: Dentro de #quote-box , puedo ver un elemento clickable con su id="new-quote" correspondiente id="new-quote" . Historia de usuario n. ° 5: Dentro de #quote-box , puedo ver un elemento clickable con su id="tweet-quote" correspondiente id="tweet-quote" . Historia de usuario n. ° 6: En la primera carga, mi máquina de citas muestra una cita aleatoria en el elemento con id="text" . Historia de usuario n. ° 7: En la primera carga, mi máquina de citas muestra el autor de la cita aleatoria en el elemento con id="author" . Historia de usuario n. ° 8: cuando se hace clic en el botón #new-quote , mi máquina de citas debería buscar una nueva cita y mostrarla en el elemento #text . Historia de usuario n. ° 9: Mi máquina de citas debe buscar al autor de la nueva cita cuando se hace clic en el botón #new-quote y mostrarla en el elemento #author . Historia usuario # 10: Puedo Twittear la cita actual haciendo clic en el elemento #tweet-quote a. Este elemento a debe incluir la ruta de acceso "twitter.com/intent/tweet" en su atributo href para twittear la cita actual. Historia de usuario n. ° 11: El elemento contenedor #quote-box debe estar centrado horizontalmente. Ejecute las pruebas con el nivel de zoom del navegador al 100% y la página maximizada. Puedes construir tu proyecto por medio de este pen de CodePen . O puedes usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Una vez que haya terminado, envíe la URL de su Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lee-busca-pregunta si te atascas.
## Instructions