No se si como opinión seria bueno poder ver todos lo issues en el repositorio para ir asi ir resolviendo. En el platziChallenge con Leo he visto que la comunidad se anima cuando ve los issues jeje.
Bienvenida
Te damos la bienvenida a Fake Store
Tu primer reto en Fake Store
Problemas de la aplicación y recursos disponibles
Troubleshooting
Code review
Próximos pasos
Sigue experimentando en otros laboratorios
Problemas de la aplicación y recursos disponibles
2/5Recursos
Aportes 10
Preguntas 2
Ordenar por:
A demostrar todo lo aprendido a lo largo de todos los cursos de Oscar, muy emocionado por empezar este reto!💚
Dejo por acá mi solución al reto.
https://github.com/platzi/laboratorio-fakestore/pull/4
Fue divertido completarlo
Se me hace muy parecido al reto de Ethereum developer program, el que hice pero no envie el form 😦
Ctrl + K, luego V solita para abrir el visor de MarkDown de VSCode
Ese instructor es muy sexi, paseme clases orales pues…
Las imagenes aparecen con este error...
Les dejo el nuevo link de la \[Platzi Fake Store API]\(https://fakeapi.platzi.com/ "Platzi Fake Store API")
El link de los recursos de la clase está caído.
Feeling nervous…
Donde se le sube la dificultad a los bots XDconst $app = document.getElementById('app');const $observe = document.getElementById('observe');const API = 'https://api.escuelajs.co/api/v1/products';\\<html *lang*="en">
\<head> \<meta *charset*="UTF-8"> \<meta *name*="viewport" *content*="width=device-width, initial-scale=1.0"> \<meta *http-equiv*="X-UA-Compatible" *content*="ie=edge"> \<title>FakeStore\</title> \<link *type*="text/css" *href*="styles.css" *rel*="stylesheet">\</head>
\<body> \
</body>
<script type="text/javascript" src="../src/index.js"></script>
</html>
```
\
\</body>
\<script *type*="text/javascript" *src*="../src/index.js">\</script>
\</html>
localStorage.removeItem('pagination')
const getData = api => { localStorage.setItem('pagination', '5') const pagination = localStorage.getItem('pagination')
fetch(`${api}?offset=${pagination}\&limit=10`) .then(response => response.json()) .then(response => { let products = response; let newItem = document.createElement('section'); newItem.*classList*.add('Items');
products.forEach((product) => { const data = ` \<article class="Card"> \ \FakeStore\
\ \
\\
\${product.*title*} \<small>$ ${product.*price*}\</small> \
\</article> ` newItem.*innerHTML* += data }); $app.appendChild(newItem); if (products.length < 10 ) { maxElement() } }) .catch(error => console.log(error));} const loadData = () => { getData(API);} const maxElement = () => { intersectionObserver.disconnect(); $app.*innerHTML* += '\Todos los productos Obtenidos\
'}const intersectionObserver = new IntersectionObserver(entries => { if (entries\[0].*isIntersecting*) { const newPage = (parseInt(localStorage.getItem('pagination')) + 10).toString() localStorage.setItem('pagination', newPage) loadData() }}, { rootMargin: '0px 0px 100% 0px',}); intersectionObserver.observe($observe);  CODE JS ```js const $app = document.getElementById('app'); const $observe = document.getElementById('observe'); const API = 'https://api.escuelajs.co/api/v1/products'; localStorage.removeItem('pagination') const getData = api => { localStorage.setItem('pagination', '5') const pagination = localStorage.getItem('pagination') fetch(`${api}?offset=${pagination}&limit=10`) .then(response => response.json()) .then(response => { let products = response; let newItem = document.createElement('section'); newItem.classList.add('Items'); products.forEach((product) => { const data = ` <article class="Card">${product.title} <small>$ ${product.price}</small>
</article> ` newItem.innerHTML += data }); $app.appendChild(newItem); if (products.length < 10 ) { maxElement() } }) .catch(error => console.log(error)); } const loadData = () => { getData(API); } const maxElement = () => { intersectionObserver.disconnect(); $app.innerHTML += 'Todos los productos Obtenidos
' } const intersectionObserver = new IntersectionObserver(entries => { if (entries[0].isIntersecting) { const newPage = (parseInt(localStorage.getItem('pagination')) + 10).toString() localStorage.setItem('pagination', newPage) loadData() } }, { rootMargin: '0px 0px 100% 0px', }); intersectionObserver.observe($observe); ```HTML ```html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>FakeStore</title> <link type="text/css" href="styles.css" rel="stylesheet"> </head> <body>
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?