Este projeto foi feito com as tecnologias HTML, CSS, JavaScript e Bootstrap 5. O objetivo do projeto era desenvolver o front-end de um carrinho, de maneira que:
- Há três categorias/segmentos de produtos e cada segmento tem 10 produtos cadastrados;
- Cada produto tem uma descrição, um preço, um estoque, um id, um segmento e um ícone;
- A página inicial exibe 12 produtos distintos aleatoriamente escolhidos;
- A página menu exibe todos os itens cadastrados e é possivel filtrar por segmento e/ou pesquisar por nome;
- É possível adicionar um produto no carrinho se, e somente se, houver estoque disponível;
- A página carrinho exibe os itens adicionados no carrinho (se houver) e a quantidade que foi adicionada, além de exibir a soma total dos preços dos itens;
- Na página carrinho, é possível alterar a quantidade de um item no carrinho ou removê-lo deste;
- É possível navegar entre as páginas pelos botões localizados na parte superior de cada página.