An image upload site using React, ImageBB and FaunaDB

Começando pelo tema do projeto: upload de imagens. Como o desenvolvimento do zero acarretaria em um projeto muito grande. 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.

Tecnologias

Desafio

Desafio

Figma

Imagens

Instalação

Instale as dependências com yarn

Inicie a aplicação com yarn dev

Instação ImgBB

  1. Criar uma conta no ImgBB
  2. Criar a sua chave da API
  3. Copiar o valor dessa chave e colar no seu .env.local da seguinte forma:
    NEXT_PUBLIC_IMGBB_API_KEY=VALOR_DA_CHAVE_COPIADA

Instação FaunaDB

Tudo que você precisa fazer é criar um banco no FaunaDB com um nome de sua preferência que precisa ter uma coleção chamada images. Com o banco e coleção criados, basta você criar e copiar a chave do banco no seu arquivo .env.local da seguinte forma:
FAUNA_API_KEY=VALOR_DA_CHAVE_COPIADA

GitHub

View Github