---
# System prepended metadata

title: Untitled

---

<div style="display: flex; align-items: center; justify-content: space-between;">
<img src="https://i.imgur.com/ewwLIRY.png" width="120"/>
<img src="https://new.reebokclub.com.br/wp-content/uploads/2017/07/cropped-logotipo.png" width="120" />
</div>

---

![](https://i.imgur.com/Aw6JsJ1.jpg)

## Briefing
O cliente precisa de uma webapp para preenchimento de dados através de formulários dividos em steps, integrando em uma rest api que já está funcionando.

O objetivo é que a aplicação rode em um tablet na recepção das unidades e facilite a captura de dados, especialmente de usuários que não utilizam smartphone.

🖼️ Layout: https://xd.adobe.com/view/8051200c-c2f4-4398-9629-9fe2bade0491-d502/?fullscreen
🗓️ Deadline: Não definido
💰 Budget: Não definido

----

## Planejamento de desenvolvimento
Nossa ideia para viabilizar a aplicação é construir uma webapp, utilizando HTML, CSS e JavaScript, e integrá-la ao backend através de chamadas HTTP no client-side.

⚙️ Stack de tecnologia: React/NextJS/SCSS

### Requisitos obrigatórios
- **Biblioteca de formulário** - Desenvolver uma biblioteca para formulários para facilitar manutenções futuras, garantindo que qualquer pessoa com conhecimentos intermediários em tecnologia consiga dar manutenção na estrutura dos formulários e suas respectivas validações.
- **Responsividade** - Garantir que a aplicação funcione de forma elástica em telas menores, com prioridade para dimensões de tablets.
- **Boas práticas de UI/UX** - Garantir boa experiência dos usuários, com feedback de sucesso e erro e respeitando os elementos visuais do protótipo.
- **Integração com backend** - Garantir que o consumo/integração com a rest api funcione de forma segura.
- **Performance** - Garantir que a aplicação funcione de forma performática utilizando boas práticas de desenvolvimento web e obtendo nota satisfatória em ferramentas de auditoria de performance (https://web.dev/measure/).

### Requisitos opcionais
- **Acessibilidade** - Implementar componente de acessibilidade com contraste e aumento de fonte.
- **Suporte offline** - Garantir que a aplicação funcione minimamente de forma offline no caso de falta de conexão com a internet. (Armazena os dados inputados localmente e realiza sync quando encontrar conexão)


### Entregável
Entregaremos os seguintes artefatos ao término do desenvolvimento:
- Repositório GitHub
- Documentação para build de produção
- URL com protótipo para testes

----

### Tarefas obrigatórias

#### Desenvolvimento de formulário com múltiplos steps em React

⚠️ Insumos necessários:
- Layout
- Assets (logo, arquivos de tipografia)
- Manual de identidade visual (opcional)

📅 Deadline **10 dias**
💰 Preço: **R$ 5.100,00**

---

#### Integração de formulário em react com API Rest

⚠️ Insumos necessários:
- Documentação API (autenticação, endpoints)
- Ambiente de homologação da API ou credenciais de teste

📅 Deadline **5 dias**
💰 Preço: **R$ 3.300,00**

---

### Tarefas opcionais

#### Implementar componente de acessibilidade em formulário React

📅 Deadline **2 dias**
💰 Preço: **R$ 500,00**

---

#### Implementar suporte offline em formulário React

📅 Deadline **4 dias**
💰 Preço: **R$ 1.500,00**

---

## Orçamento

#### Orçamento considerando requisitos obrigatórios e opcionais
💰 Preço: **R$ 10.400,00**
📅 Tempo de desenvolvimento: 21 dias

---

#### Orçamento considerando somente a parte de frontend
💰 Preço: **R$ 5.100,00**
📅 Tempo de desenvolvimento: 10 dias

---

#### Orçamento considerando requisitos obrigatórios (frontend + integração)
💰 Preço: **R$ 7.800,00**
📅 Tempo de desenvolvimento: 15 dias

---

## Próximos passos após aprovação do planejamento

#### 1 - Setup Plataforma (1 - 3 dias)
Publicaremos as tarefas do projeto em nossa plataforma e notificaremos nossa base de desenvolvedores. Fazemos todo o acompanhamento do processo de desenvolvimento e comunicamos vocês no caso de qualquer dúvida que possa aparecer.

#### 2 - Desenvolvimento
Assim que alocarmos as pessoas para atuarem no desenvolvimento do projeto, será necessário efetuar a verificação de limite no cartão de crédito em nossa plataforma para que o time comece o trabalho. O cliente é notificado por e-mail acerca de todos os avanços.

#### 3 - Revisão
Nosso processo de revisão ocorre em duas fases, primeiro uma revisão interna, garantindo que os requisitos técnicos foram considerados e posteriormente liberamos um ambiente de testes para que o responsável técnico do cliente possa testar.

#### 4 - Entrega
Realizamos uma reunião de handover para apresentar o resultado, levando em consideração os entregáveis descritos neste documento.

---

Em caso de aprovação ou dúvida dos valores e prazos descritos neste documento, entre em contato conosco através do e-mail: contact@bounties4.com