Com as telas de: cadastro de novos produtos, listagem de produtos e edição de produto, como solicitado pelo cliente. Foi criado um novo portal pensado em otimizar o seu uso, sendo rápido e simples de usar desta forma dando ao cliente total liberdade em criae, editar e exluir, desta forma o memso podendo fazer suas tarefas do dia a dia com maior agilidade.
Requisitos:
- yarn
- React Router DOM
- Styled-Components
Como iniciar o Projeto:
1 - Dentro da pasta James-Tip dar o comando yarn install
2 - Ainda na mesma James-Tip dar o comando yarn start
- Ferramentas Utilizadas
O projeto foi estruturado em React JS e TypeScript, foi hoje no mercado de desenvolvimento front-end são duas da melhores ferramentas a serem utilizadas, sendo de fácil manutenção e também pensando em futuro, podem ser utilizadas de forma fácil e assim não ficando defasadas perante ao mercado. Já as bibliotecas utilizadas foram pensadas na maneira mais simples de se conduzir, mas que nos atende em qualquer situação React-Router-Dom para manipular o DOM do navegador, sendo o melhor e mais utilizado hoje para sua funcionalidade, além de estar em constante modificação para atender melhor no desenvolvimento. E o Styled-Components sendo a estilização de componentes e criação dos mesmo no momento de estilizar e atribuindo nomes às div, footer, area, dentre outras no HTML semântico, assim ficando fácil e simples de entender a estrutura do projeto e o que está se passando por ele.
- Decisões adotadas
O projeto foi de fácil decisão no que seria feito, pois foi passado o que deveria ser feito. Foi então pesquisado um design agradável e inovador para o mesmo, ficando agradável aos olhos do cliente e de fácil manipulação. Assim então foi iniciado o projeto sendo criado por primeiro a tela de cadastro de um produto, subsequente de uma tela da listagem desses produtos. Após isso foi criado o contexto global da aplicação sendo assim possível utilizar qualquer informação em qualquer lugar do projeto, sendo ao meu ver a parte mais pensada e elaborada do projeto pois nele é passado as informações da aplicação assim sendo o local mais importante na manipulação dos dados, tendo que ser feito em partes e testado com atenção verificando se seus dados estão corretos e correspondendo com o que foi passado a ele. De forma geral o projeto traz grandes desafios na manipulação de dados, tendo que saber lidar com eles e como ajustá-los dentro da sua aplicação trazendo assim uma experiência agradável e confortável ao cliente.
- Obeservações:
O Projto será exposto na URL http://localhost:3000
Para instalar o React Router DOM com o comando é: yarn add react-router-dom esse comando deve ser rodado via terminal na pasta james-tip
Para instalar o Styled-Components com o comando é: yarn add styled-components esse comando deve ser rodado via terminal na pasta james-tip