cristianoans/soulpet-front

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

soulpet-front's Issues

[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-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

[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-12] Integrar a remoção de Serviços

Depende de: BE-13 e FE-11

[FE-16] Integrar a remoção de Agendamentos

Depende de: FE-15 e BE-17

[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-10] Integrar a atualização de Serviços

Depende de: BE-12

[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-13] Integrar a inserção de Agendamentos

Depende de: BE-15

[FE-15] Integrar a listagem de Agendamentos

Criar uma tela onde apareçam todos os Agendamentos com a opção de ir para Editar e Deletar.

Depende de: BE-14

[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-11] Integrar a listagem de Serviços

Criar uma tela onde apareçam todos os Serviços com a opção de ir para Editar e Deletar.

Depende de: BE-10

[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.

[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-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-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-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-9] Integrar a inserção de Serviços

Depende de: BE-11

[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-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-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.

[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-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.

[FE-14] Integrar a atualização de Agendamentos

Depende de: BE-16

[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.

[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

[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;