🔎 Projeto de E-Commerce para pedido de pizzas a qualquer hora e lugar.
🗔 Confira a aplicação: https://klausmorotti.github.io/projeto-pizza/
O projeto E-Commerce de pizzas foi meu primeiro projeto criado utilizado a linguagem JS com objetivo de colocar meus conhecimentos em prática em relação ao que eu ja tinha aprendido.
O projeto simula uma página web de pedido de pizzas onde o usuário ao entrar se depara com as diversas opções de pizzas disponíveis, podendo assim de forma intuitiva ao clicar em cima dela selecionar opções como: Qual a pizza? Qual o tamanho da pizza? Qual a quantidade de pizzas pedidas? Selecionadas as opções do cliente, basta clicar em "Adicionar ao carrinho" para que a pizza seja automaticamente adicionada ao carrinho, onde la será feito um cálculo automático de todos os itens adicionados ao carrinho sendo considerado o desconto aplicado em cada pizza.
O projeto foi pensado 100% responsivo para que seja utilizado de qualquer dispositivo em qualquer lugar, levando em consideração que nossa vontade de pedir pizza não tem momento não é mesmo Rsrs?
O site tem no total 1 página, sendo ela
- Página principal: A página principal consiste em uma interface que simula uma página Web de pizzas onde pode ser feito o pedido das pizzas disponíveis.
✔️ Desenvolver a interaface pura com as tecnologias HTML e CSS.
✔️ Adicionar a responsividade à página.
✔️ Criar um array que armazena os dados das pizzas, um array que simula dados reais que seriam requisitados de uma API.
✔️ Criar o evento de clique onde ao clicar em determinada pizza, é aberto um modal com as informações da respectiva pizza.
✔️ Criar a função de selecionar o tamanho desejado das pizzas.
✔️ Adicionar a função de contador de quantidade que incrementa ou decrementa a quantidade de pizzas.
✔️ Adicionar um evento de clique no botão "Adicionar ao carrinho" para que ao clicado, abrir o carrinho com os itens adicionados.
✔️ Pegar as informações que quero para poder armazenar no carrinho de compras. Informações: Qual a pizza? Qual o tamanho? Qual a quantidade?
✔️ Ao adicionar uma pizza repetida, verificar se ela ja foi adicionada naquele tamanho, se sim, apenas incrementar a quantidade, se não, adiciona-la ao carrinho.
✔️ Criar a função que calcula os valores dos itens adicionados ao carrinho automaticamente.
✔️ Adicionar clique aos itens do carrinho no mobile, (Botões de fechar e incrementar ou decrementar).
✔️ Projeto finalizado.
Agradecemos às seguintes pessoas que contribuíram para este projeto:
Klaus Morotti |
Este projeto está sob licença. Consulte o arquivo LICENSE para obter mais detalhes.