const #Menu Pizza Cart
#Menu Pizza Cart
O Menu Pizza Cart é uma aplicação web simples que permite aos usuários navegar por um menu de pizzas, visualizar detalhes como preço, tamanho e quantidade, e adicionar pizzas ao carrinho de compras. A aplicação inclui funcionalidades interativas como a confirmação do produto via modal antes de adicionar ao carrinho, e a possibilidade de ajustar as quantidades de pizza no carrinho, seja aumentando ou removendo itens. O projeto foi desenvolvido com HTML, CSS e JavaScript puro, proporcionando uma experiência de usuário intuitiva e responsiva.
Funcionalidades
- Visualização do Menu: Exibe uma lista de pizzas com detalhes como preço, tamanho disponível e opção para escolher a quantidade.
- Modal de Confirmação: Ao adicionar uma pizza ao carrinho, um modal é aberto para confirmar a seleção, garantindo que o usuário tenha certeza da escolha antes de prosseguir.
- Gerenciamento do Carrinho: No carrinho, os usuários podem ajustar as quantidades de cada pizza, adicionando mais unidades ou removendo-as conforme necessário.
- Atualização Dinâmica: As alterações no carrinho são refletidas em tempo real, proporcionando uma experiência de compra fluida e sem interrupções.
- Interface Responsiva: O layout e os elementos da aplicação são ajustados automaticamente para diferentes tamanhos de tela, garantindo uma boa experiência de uso em dispositivos móveis e desktops.
Tecnologias Utilizadas
- HTML: Define a estrutura da aplicação, organizando o conteúdo e os elementos do menu e do carrinho.
- CSS: Estiliza a interface do usuário, garantindo que o menu de pizzas seja atraente e fácil de usar.
- CSS Grid: Utilizado para criar um layout organizado e responsivo, facilitando a disposição dos elementos na página.
- JavaScript Puro: Implementa a lógica de interatividade, como o gerenciamento do carrinho, abertura de modais e atualização dinâmica das quantidades.