A AF Tech é uma empresa de gestão de produtos, onde você pode cadastrar seus produtos e controlar a movimentação do seu estoque.
Na plataforma poderemos cadastrar usuários, cadastrar produtos, e registrar as movimentações de entrada ou saída do estoque.
𐤟 Figma: para o desenvolvimento do wireframe e layout
𐤟 HTML e CSS: para o desenvolvimento do Front-End
𐤟 Javascript: para o desenvolvimento do Back-End
O sistema possui cinco páginas, que são:
Login: https://af-tech.vercel.app/
O usuário cadastrado efetuará o seu login, a página possui validação e autenticação de usuários.
Cadastro de Usuários: https://af-tech.vercel.app/registration.html
Os usuários poderão efetuar seus cadastros, os dados serão enviados para o LocalStorage* do browser, a página também possui validação.
Cadastro de Produtos: https://af-tech.vercel.app/product.html
Poderá ser feita o cadastro dos produtos que serão enviados ao banco de dados e retornando os dados em uma tabela de listagem.
Listagem de Produtos: https://af-tech.vercel.app/list.html
Página que será exibia após o login do usuário, contendo uma saudação ao usuário e uma tabela com todos os produtos cadastrados.
Movimentação de Estoque: https://af-tech.vercel.app/movement.html
Nessa página será possível registrar uma movimentação dos produtos, de entrada e saída. Que será exibia na tabela abaixo, informando qual o status da movimentação e também podendo editar ou deletar a movimentação.
Para o layout foi utilizado o software Figma, onde foi desenhado o wireframe e desenvolvido a prototipação projeto.
Para o Front-End foi utilizado HTML e CSS basicamente.
Para o Back-End foi pensado a utilzação do Javascript interligando o banco de dados em MySQL, porém no desenvolvimento foram encontradas algumas dificuldades em relação a essa fase (preciso um pouco mais de estudos em back-end).
Portanto, a solução foi recorrer ao StorageLocal do browser.
O deploy foi utilizando os serviços da Vercel.
Observação: nas páginas de cadastro de produtos, listagem e movimentação, só está pronto o Front-End.
Nas páginas de login e cadastro foi utilizado o LocalStorage para armazenagem dos dados.
Na autenticação do usuário, ao efetuar o login é gerado um token para utilização do sistema. Após efetuar o logout o token é removido.
No desenvolvimento da autenticação de login, foram encontrados alguns bugs:
𐤟 Quando o usuário vai efetuar o login, clicando no botão de "Entrar" ele ao invés de ser redirecionado, continua na mesma tela.
𐤟 Ao efetuar o logout, não está removendo a permissão de login, e com isso conseguindo logar no sistema mesmo não tendo efetuado o login.
𐤟 Quando o usuário termina seu cadastro, era para ser redirecionado para a tela de login, porém o mesmo não está acontencendo.
𐤟 Criação do banco de dados relacional.
𐤟 Requisição ao banco de dados, salvando as informações geradas e as retornando ao Front.
𐤟 Correção dos bugs e melhoria da autenticação
𐤟 Implementação de mais opções de gestão, geração de relatórios e gráficos.