eduardossoares / menu-cardapio

📄 É um sistema web que simplifica a visualização e seleção de lanches ou produtos de um estabelecimento. Desenvolvido com TailwindCSS e JavaScript, permite aos usuários de adicionar e remover itens do carrinho, além de finalizar compras de forma intuitiva e direta.

Cardápio Online

Este é um projeto feito em conjunto com o professor Matheus Fraga do canal "Sujeito Programador", o sistema consiste em um cardápio online que permite os usuários de visualizarem os lanches ou produtos de um estabelecimento juntamente com sua foto e descrição. Os usuários também podem adicionar e remover itens do carrinho antes de finalizar a compra. Ao acessar o carrinho, que se localiza na parte inferior da tela, o usuário deverá fornecer seu endereço, forma de pagamento e observações do pedido, antes de clicar em "Finalizar Pedido", que é onde o usuário será redirecionado para o WhatsApp do estabelecimento, local onde o pedido será registrado.

Layout:

Funcionalidades

1. Visualização de lanches ou produtos com foto e descrição;

2. Adição e remoção de itens do carrinho;

3. Finalização da compra com informações do pedido, de entrega e do pagamento;

4. Redirecionamento para o WhatsApp do estabelecimento para finalizar o pedido.

Requisitos

Para executar este projeto localmente, é necessário ter instalado:

Node.js; npm (gerenciador de pacotes do Node.js); TailwindCSS.

Como Executar:

1. Clone esse repositório:

git clone https://github.com/eduardossoares/menu-cardapio.git

2. Acesse a pasta do projeto:

cd menu-cardapio

3. Execute o arquivo:

start index.html

Tecnologias Utilizadas

• JavaScript: Linguagem de programação para funcionalidades interativas.
• Tailwind CSS: Framework CSS para estilização rápida e eficiente.
• HTML: Linguagem de marcação para estruturação do conteúdo.
• CSS: Folhas de estilo para personalização adicional.

Autor

Eduardo da Silva Soares

https://www.linkedin.com/in/eduardo-da-silva-soares/