EduardoReisUX / UpFi

☁ UpFi — Upload rápido de imagens para nuvem.

Descrição • Tecnologias • Pré-requisitos • Como usar • Demonstração

ℹ Descrição

Projeto desenvolvido como desafio principal do capítulo 4 do Ignite. 👨‍🚀🚀

O desafio consistia principalmente em adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente, como regras de negócios e implementação de interfaces com Chakra UI de acordo com o design no Figma.

UpFi é uma aplicação para realizar o upload de imagens para a nuvem, sendo possível obtê-las depois. O projeto conta com diversas funcionalidades e integrações, como:

• Salvar dados e exibir as imagens disponíveis do FaunaDB e ImgBB;
• Fazer o upload de imagens através do formulário do React Hook Form e validações com Yup;
• Queries com React Query, permitindo saber o status da query (carregando, erro, sucesso…), se há outra página, cachear dados, entre outros…

⚒ Tecnologias

• React
• Typescript
• Next.js
• Chakra UI
• React Query
• React Hook Form
• Yup
• React Icons
• Axios
• FaunaDB
• ImgBB

⚙ Pré-requisitos

• Git
• Yarn
• Cadastro no FaunaDB
• Cadastro no ImgBB
• Editor de código.

🖥 Como usar

Clone o projeto e acesse a pasta

$ git clone https://github.com/EduardoReisUX/GoRestaurant && cd GoRestaurant

Siga os passos seguintes

# Instale as dependências
$ yarn

# Crie um arquivo ".env.local" que será a cópia de
# ".env.example" e atribua as variáveis de ambiente
$ cp .env.example .env

# Verifique os testes
$ yarn test

# Rode a aplicação
$ yarn dev

# Acesse http://localhost:3000

👀 Demonstração

🚧 Quase feito...

---

Feito com 💜 por Eduardo dos Reis