guilhermefaj / projeto3-driveneats

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto 03 - DrivenEats

Este projeto consiste em um site fictício de delivery de comida. O objetivo é desenvolver uma interface responsiva e agradável visualmente, utilizando HTML, CSS e JavaScript.

Tecnologias Utilizadas

  • HTML
  • CSS
  • JavaScript

Funcionalidades Implementadas

  • Criação de um menu com opções de pratos e bebidas;
  • Implementação de um formulário para seleção dos pratos, bebidas e sobremesa;
  • Cálculo do valor total do pedido;
  • Validação do formulário para garantir que todos os campos obrigatórios sejam preenchidos;
  • Exibição de uma mensagem de resumo no whatsapp após a finalização do pedido.

Desafios

  • Ativação do botão de finalizar pedido apenas com todos os itens selecionados;
  • Armazenar e calcular valor dos itens selecionados;
  • Enviar texto com itens selecionados como mensagem para whatsapp.

Screenshots

image

Como Executar o Projeto

  1. Clone o repositório em sua máquina:

git clone https://github.com/guilhermefaj/projeto3-driveneats

  1. Acesse o diretório do projeto:

cd projeto-03-driven-eats

  1. Abra o arquivo index.html em seu navegador de preferência.

Conclusão

Este projeto foi uma oportunidade incrível para praticar o desenvolvimento de interfaces web utilizando HTML, CSS e JavaScript. Além disso, pude aprender conceitos importantes como responsividade, validação de formulários e cálculo de valores em tempo real.

About


Languages

Language:JavaScript 37.4%Language:HTML 36.4%Language:CSS 26.2%