\n\n

yarn add web3-react-core @chakra-ui/react @emotion/react @emotion/styled framer-motion\n

\n

¿Cómo personalizar y finalizar la configuración inicial?

\n

Finalmente, unas recomendaciones para personalizar y depurar:

\n

Personalización básica: Cambia el título e ícono predeterminado de React.js para darle tu toque personal a la aplicación. Estos recursos suelen encontrarse en la documentación.
Revisión de documentación y recursos: Familiarízate con la documentación de cada librería para entender sus capacidades y limitaciones.

\n

En tu viaje para desarrollar una aplicación de Platzipong, estas herramientas y ajustes te pondrán en el camino correcto para crear una experiencia robusta y atractiva. Cada paso que tomes no solo mejorará tus habilidades como desarrollador, sino también te permitirá ofrecer soluciones innovadoras dentro del mundo de las aplicaciones descentralizadas. ¡Avanza con confianza hacia tu proyecto exitoso!

","markdown_content":"","publishable_content":true,"uploading":false},{"id":55540,"title":"Actualización sobre testnet en Ethereum","url":"https://platzi.com/clases/2563-frontend-dapps/55540-actualizacion-sobre-testnet-en-ethereum/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635969cee08a66087772947f_635969cfe08a66087772948b_11s.jpg","duration":112,"index":6,"content":"","markdown_content":"","publishable_content":true,"uploading":false}],"quiz":null},{"id":9313,"title":"Desarrollo frontend con Web3.js","materials":[{"id":43005,"title":"Administrando la conexión a Metamask","url":"https://platzi.com/clases/2563-frontend-dapps/43005-administrando-la-conexion-a-metamask/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_616f72ba60c253083081d9d5_616f72ba60c253083081d9e1_76s.jpg","duration":757,"index":7,"content":"","markdown_content":"","publishable_content":true,"uploading":false},{"id":43006,"title":"Configurando Web3-React","url":"https://platzi.com/clases/2563-frontend-dapps/43006-configurando-web3-react/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_616f734f0641b60830551554_616f734f0641b60830551560_129s.jpg","duration":1290,"index":8,"content":"","markdown_content":"","publishable_content":true,"uploading":false},{"id":43007,"title":"¿Qué es un ABI?","url":"https://platzi.com/clases/2563-frontend-dapps/43007-que-es-un-abi/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_616f741a76e343082fa2f14b_616f741a76e343082fa2f157_34s.jpg","duration":344,"index":9,"content":"","markdown_content":"","publishable_content":true,"uploading":false},{"id":43008,"title":"Instanciando el contrato de PlatziPunks","url":"https://platzi.com/clases/2563-frontend-dapps/43008-instanciando-el-contrato-de-platzipunks/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_616f74121831ec43eb8ef9cc_616f74121831ec43eb8ef9d8_85s.jpg","duration":847,"index":10,"content":"","markdown_content":"","publishable_content":true,"uploading":false},{"id":43009,"title":"Previsualizando tu PlatziPunk","url":"https://platzi.com/clases/2563-frontend-dapps/43009-previsualizando-tu-platzipunk/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_616f74e0dcbb3c0826c4005f_616f74e0dcbb3c0826c4006b_71s.jpg","duration":714,"index":11,"content":"","markdown_content":"","publishable_content":true,"uploading":false},{"id":43010,"title":"Habilitando el mint de PlatziPunks","url":"https://platzi.com/clases/2563-frontend-dapps/43010-habilitando-el-mint-de-platzipunks/","m