Giter Site home page Giter Site logo

soulpet-front's Issues

[FE-4] Integrar a atualização de Pets

Criar uma tela com formulário onde as informações sobre o Pet são preenchidas para atualização de Pet. Todos os campos devem ser validados adequadamente.

[FE-19] Integrar a atualização de Pedidos

Criar uma tela com formulário onde as informações sobre o pedido são preenchidas para atualização de Pedido. Todos os campos devem ser validados adequadamente.

Depende de: BE-21

[FE-18] Integrar a listagem de Pedidos

Criar uma tela onde apareçam todos os Pedidos com as opções Editar e Deletar e Detalhes. Crie a opção filtrar por cliente, e para isso crie um campo para selecionar o nome do cliente. Além disso, crie também a opção filtrar por produto, e para isso crie um campo para selecionar o nome do produto. Crie também um botão para reiniciar os filtros.

Depende de: BE-19

[SPT-5] Criar esquema para gerar pdf dos dados de Clientes

Crie uma rota GET que retorna um relatório PDF com informações sobre todos os clientes da plataforma. No front-end deve haver um botão que abre esta rota e é possível ler os dados do pdf em uma nova aba. As informações que devem ter são:

  • Todos os dados da tabela Cliente e quantos pets cada cliente possui;

[SPT-8] Implementar seleção de cidade e estado baseado na API de localização do IBGE

Atualmente, a aplicação tem um campo de endereço que exige que os usuários digitem manualmente suas cidades e estados. Para melhorar a usabilidade e a precisão dos dados, será implementado um novo recurso que permite aos usuários selecionar suas cidades e estados a partir de uma lista de opções, que serão consumidas através da API de localização do IBGE. O campo cidade deve ficar desabilitado até que o usuário selecione o estado. As cidades devem aparecer baseado no estado selecionado.

Dica: API de localizações do IBGE

[FE-6] Integrar a remoção de Produtos

Ao clicar para deletar um Produto, o usuário deve ser indagado a confirmar a ação. Utilizar um modal para confirmar e atualize a lista de Produtos após a remoção.

Depende de: BE-5 e FE-5.

[SPT-10] Implementar paginação de Pets

Atualiza a listagem de Pets, para que organize os pets em páginas, onde é possível avançar e retroceder, bem como selecionar uma página específica para visualizar os dados. Faça as modificações no front-end e back-end necessárias.

Depende de: FE-1

[FE-1] Integrar a listagem de Pets

Criar uma tela onde apareçam todos os Pets com a opção de ir para Editar e Deletar.
Também deve haver um link para uma página de detalhe do Pet.

[FE-20] Integrar a remoção de Pedidos

Ao clicar para deletar um Pedido, o usuário deve ser indagado a confirmar a ação. Utilizar um modal para confirmar e atualize a lista de Pedidos após a remoção.

Depende de: BE-22 e FE-18

[FE-3] Integrar a inserção de Pets

Criar uma tela com formulário onde as informações sobre o Pet são preenchidas para inserção de Pet. Todos os campos devem ser validados adequadamente.

[FE-17] Integrar a inserção de Pedidos

Criar uma tela com formulário onde as informações sobre o novos pedidos são preenchidas para inserção de Pedidos. Todos os campos devem ser validados adequadamente. O produtos selecionados do pedidos devem ser campos dinâmicos.

Dica: useFieldArray

Depende de: BE-20

[FE-8] Integrar a atualização de Produtos

Criar uma tela com formulário onde as informações sobre o Produto são preenchidas para atualização de Produto. Todos os campos devem ser validados adequadamente.

Depende de: BE-4.

[FE-21] Integrar o detalhamento de um Pedido

Crie uma nova página para detalhar as informações de um pedido, ela deve mostrar as informações do pedido, do produto e do cliente. A página deve ser linkada a opção detalhes na listagem de pedidos.

Depende de: FE-18

[FE-22] Integrar o detalhamento de um Cliente

Crie uma nova página para detalhar as informações de um cliente, ela deve mostrar as informações do cliente, do endereço e dos pets dele. A página deve ser linkada a opção detalhes na listagem de clientes.

[SPT-1] Criar implementação para upload de foto do Pet

No model de Pet, deve ser atualizado um novo campo, não obrigatório com o link da foto do Pet. Na tela de inserir e atualizar Pet deve ser atualizado para que haja a possibilidade de escolher uma foto do sistema de arquivos para o Pet. A tela de update também deve ser ajustada.

Depende de: FE-3 e FE-4.

OBS: Utilizar Firebase Storage.

[FE-7] Integrar a inserção de Produtos

Criar uma tela com formulário onde as informações sobre o Produto são preenchidas para inserção de Produto. Todos os campos devem ser validados adequadamente.

Depende de: BE-3.

[FE-2] Integrar a remoção de Pets

Ao clicar para deletar um Pet, o usuário deve ser indagado a confirmar a ação. Utilizar um modal para confirmar e atualize a lista de Pets após a remoção.

Depende de: FE-1

[SPT-9] Implementar uma tela de Dashboard do Sistema

Crie no front-end uma tela que mostra as quantidades de informações do sistema:

  • Total de clientes cadastrados;
  • Total de pets cadastrados;
  • Total de produtos cadastrados (quando existir);
  • Total de serviços cadastrados (quando existir);
  • Total de agendamentos cadastrados (quando existir).

Criar uma rota GET /dashboard que contabiliza todos estes dados para o front-end.

O desenvolvedor deve dar manutenção periódica a esta task para garantir ao final que o tratamento é consistente.

[FE-5] Integrar a listagem de Produtos

Criar uma tela onde apareçam todos os Produtos com a opção de ir para Editar e Deletar. Deve fazer uso dos filtros de nome e categoria.

Depende de: BE-2.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.