🍕 KIMININU'S PIZZARIA

KIMININU'S PIZZARIA Bem-vindo ao repositório da Kiminiu's Pizzaria, um projeto de delivery de pizzas desenvolvido como freelancer, com foco em facilitar os pedidos de pizza na comunidade. Este sistema permite que os usuários acessem o cardápio, personalizem seus pedidos e enviem as informações diretamente para o WhatsApp do restaurante para finalização do pedido..

⚙️ Pré-requisitos

• Node.js
• Vite
• Git
• npm (v6.0.0 ou superior)

🎬 Vídeo do projeto

VID_20241101_225508.1.mp4

Features

summary - O resumo dos recursos está listado abaixo..

• Context API:_
• Através do CartContext criei funcionalidades como adicionar itens, modificar quantidades e calcular o total do pedido que são acessíveis em toda a aplicação.
• O usuário pode personalizar o tamanho, a crosta e adicionar coberturas adicionais às pizzas.
• Interface Dinâmica e Responsiva:
• Interface desenvolvida com Nextjs + Tailwind, proporcionando uma navegação rápida e uma experiência de usuário otimizada em diferentes dispositivos.
• Personalização do Pedido:
• O usuário pode personalizar o tamanho, a crosta e adicionar coberturas adicionais às pizzas.
• Carrinho de Compras:
• Itens selecionados são armazenados no carrinho, permitindo revisão antes de finalizar o pedido.
• Envio por WhatsApp:
• Ao finalizar o pedido, os dados do pedido e do usuário são enviados para o WhatsApp da pizzaria.
• Feedback do Pedido:
• Exibe uma mensagem de sucesso com contagem regressiva após o pedido.

Enviando Pedidos pelo WhatsApp

Este projeto inclui uma funcionalidade para enviar os detalhes de um pedido diretamente para o WhatsApp, facilitando a comunicação entre o cliente e o estabelecimento. Abaixo está o trecho de código responsável por essa funcionalidade:

useEffect(() => {
    const sendToWhatsApp = () => {
      const message = `Nome: ${formData.nome}\nTelefone: ${formData.telefone}\nForma de Pagamento: ${formData.formaDePagamento}\nEndereço: ${formData.endereco}\nInformações adicionais: ${formData.informacoesAdicionais}\n\nPedido:\n${cart
        .map(
          (item) =>
            `Quantidade: ${item.amount} - ${item.name}\nTotal: ${(item.price * item.amount).toFixed(2)}`,
        )
        .join("\n")}`;

      const phoneNumber = "5585989908470";
      const url = `https://api.whatsapp.com/send?phone=${phoneNumber}&text=${encodeURIComponent(message)}`;

      window.open(url, "_blank");

      setCart([]);
      setModal(false);
    };

Para que esta funcionalidade funcione corretamente, você deve:

1. Configurar o estado FormData com os dados do cliente.
2. Garantir que o Cart contenha os itens do pedido no formato esperado.
3. Substituir o número de telefone no código pelo número do WhatsApp do estabelecimento.

🛠️ Principais Tecnologias

• Typescript
• Next.JS
• React.js
• React-Modal
• React Icons
• React-Parallax-mouse
• Contex API
• TailwindCSS
• Husky
• ESLint
• Git

💻 Como Rodar o Projeto

1. Clone o repositório: git clone https://github.com/Israelkilday/KIMININUS_PIZZA_DELIVERY
2. Instale as dependências: npm install
3. Inicie o servidor de desenvolvimento: npm run dev
4. Abra o navegador e acesse http://localhost:3000

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

🤝 Contribuição

Se você deseja contribuir com este projeto, siga estas etapas:

1. Fork o repositório.

2. Crie uma branch para sua contribuição:

   git checkout -b minha-contribuicao
   

3. Faça suas alterações e commit:

   git commit -m 'Minha contribuição'
   

4. Envie sua branch:

    git push origin minha-contribuicao
   

5. Abra uma solicitação pull.

📁 Estrutura de Diretórios

• /app: Código-fonte da aplicação.
• /public: Arquivos públicos.

🔗 Link do Projeto

https://kimininus-pizza-delivery-git-main-isarel-kildays-projects.vercel.app/

🧠 Autor

israel.kilday@yahoo.com.br

Obrigado por visitar meu projeto! 👋

(voltar ao topo)