Ejercicios prácticos de HTML, CSS y JS para entrevistas técnicas

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.