ūüíĽ Sobre o desafio

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS

Essa¬†ser√°¬†uma¬†aplica√ß√£o onde o seu principal objetivo √© adicionar alguns trechos de c√≥digo para que a aplica√ß√£o de upload de imagens funcione corretamente. Voc√™ vai receber uma aplica√ß√£o com muitas funcionalidades e estiliza√ß√Ķes j√° implementadas. Ela deve realizar requisi√ß√Ķes para sua pr√≥pria API Next.js que vai retornar os dados do FaunaDB (banco de dados) e do ImgBB (servi√ßo de hospedagem de imagens). A interface implementada deve seguir o layout do Figma. Voc√™ ter√° acesso a 4 arquivos para implementar:

A seguir veremos com mais detalhes o que e como precisa ser feito ūüöÄ

Template da aplicação

Para realizar esse desafio, criamos para você esse modelo que você deve utilizar como um template do GitHub.

O template está disponível na seguinte URL:

rocketseat-education/ignite-template-reactjs-upload-de-imagens

Dica: Caso não saiba utilizar repositórios do GitHub como template, temos um guia em nosso FAQ.

Se preparando para o desafio

Para esse desafio, iremos reforçar alguns pontos e apresentar algumas libs para te ajudar no desenvolvimento.

Começando pelo tema do projeto: upload de imagens. Como o desenvolvimento do zero acarretaria em um projeto muito grande, fornecemos no template a maior parte do projeto já implementada para que você tenha que trabalhar apenas com 4 arquivos. A ideia é que nesses 4 arquivos você tenha um pouco de contato com os 3 principais pontos que queremos abordar nesse projeto: React Query, React Hook Form e Chakra UI.

Dessa forma, antes de ir diretamente para o código do desafio, explicaremos brevemente como cada um dos pontos abaixo são importantes para o desafio: