3 ejercicios para poner en práctica tus habilidades en HTML, CSS y JS.

Wow, con estos ejercicios propuestos me doy cuenta que me falta mucho por conocer de JavaScript para poder encontrar las soluciones. Espero pronto terminar la escuela de JavaScript y volver a esta clase para dar mis soluciones.

Éxitos a todos en sus carreras

Así me quedó el ejercicio de los Giffs que me pareció divertido.

.

)

Aquí mi último reto, me faltan cosas que mejorar, pero para el reto creo que es suficiente.

link: https://musicapp-4a349.web.app/

Esta es mi app de todo list

https://todo-list-emoticon.netlify.app

amigos llevo un rato intentando hacer la peticion a la API y cuando quiero imprimir la propiedad data de la respuesta me sale bien, pero recargo la pagina y dice que "data" no esta definido y no cambie nada del codigoimport GiftSearch from '../GiftSearch'import GiftResults from '../GiftResults'import GiftBox from '../GiftBox';import './App.css'; import {useState, useEffect, React} from 'react' const ApiUrl = 'https://api.giphy.com/v1/gifs/search?api\_key=6UYRQXhmyZrtow0dv1DhfyT7Sy3VwR4e\&q=trend\&limit=25\&offset=0\&rating=g\&lang=en\&bundle=messaging\_non\_clips' function App() {   const \[gifts, setGift] =useState(null)   useEffect(() => {    fetch(ApiUrl)      .then(response => response.json())      .then(res => setGift(res))        }, \[])   const results = gifts      return (    <>      \<GiftSearch />       \<GiftResults>       {        console.log(results.data)       }      \</GiftResults>     \  );} export default App; ```js import GiftSearch from '../GiftSearch' import GiftResults from '../GiftResults' import GiftBox from '../GiftBox'; import './App.css'; import {useState, useEffect, React} from 'react' const ApiUrl = 'https://api.giphy.com/v1/gifs/search?api_key=6UYRQXhmyZrtow0dv1DhfyT7Sy3VwR4e&q=trend&limit=25&offset=0&rating=g&lang=en&bundle=messaging_non_clips' function App() { const [gifts, setGift] =useState(null) useEffect(() => { fetch(ApiUrl) .then(response => response.json()) .then(res => setGift(res)) }, []) const results = gifts return ( <> <GiftSearch /> <GiftResults> { console.log(results.data) } </GiftResults> ); } export default App; ```

aqui esta el Todo-List que ya habia hecho unas clases anteriores le segui haciendo algunas modificaciones para darle un toque mas de personalidad

https://54albert54.github.io/curso-react-intro/

Esta app la hice de otro curso, la tengo que mejorar y a su vez hacer los demas que se ven muy interezantes.

Gifs: Link

Abierto a recibir feedback, ambos tienen simple responsive:

• GIFinder
• ToDo

y también el del ToDo List Emojis!
ese mas o menos le entendí que quería la maestra.