upfi

---

Projeto   |    Como rodar o projeto   |    Tecnologias   |    Layout   |    Licença

💻 Projeto

Bem-vindo ao Upfi, o lugar ideal para compartilhar suas imagens com o mundo! Com o Upfi, você pode fazer upload de suas imagens favoritas em formatos como JPG, GIF e PNG, junto com um título e descrição para que outros possam encontrá-las facilmente.

Nosso design simples e intuitivo permite que você faça upload de imagens em questão de segundos, sem precisar se preocupar com a formatação ou tamanho. Todas as imagens cadastradas são exibidas dinamicamente em uma única página, carregando de 6 em 6, com um botão "carregar mais" que permite trazer mais dados quando necessário.

E se você quiser adicionar ainda mais imagens, basta clicar em nosso botão de adicionar imagem e um modal aparecerá para que você possa fazer upload de novas imagens de forma rápida e fácil. O Upfi é o lugar perfeito para compartilhar suas fotos favoritas, encontrar inspiração e se conectar com outras pessoas através de imagens.

Não perca tempo e comece a compartilhar suas imagens com o mundo hoje mesmo!

🌐 Telas do site

Lista de imagens

Adicionando imagem

🧭 Como rodar o projeto

🚨 Requisitos

Possuir uma conta no FaunaDB

• FaunaDB
• Criar database
• Criar collection
• Criar database keys

Possuir uma conta no ImgDB

• ImgDB
• Criar api key

Clone este repositório

git clone git@github.com:vitorsemidio-dev/upfi.git

Acesse a pasta

cd upfi

🔑 Variáveis Ambiente

Crie um arquivo com o nome env.local e preencha as informações.

# FaunaDB
FAUNA_API_KEY=

# ImgDB
NEXT_PUBLIC_IMGBB_API_KEY=

Instale as dependências e inicie o projeto

yarn install

yarn dev

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Axios
• Chakra UI
• ESLint
• FaunaDB
• Next.js
• Prettier
• React
• React Testing Library
• TypeScript

🔖 Layout

Você pode visualizar o layout do projeto através deste link.

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.