Site de entrega de bolos
Introdução
O aplicativo de entrega de bolos é um aplicativo da Web de pilha completa criada usando .NET 0.8 para o back-end, APIs da Web, SQL para gerenciamento de banco de dados e reagem para o front-end. O aplicativo permite que os clientes naveguem por um catálogo de bolos, personalizem pedidos e faça pedidos seguros com detecção de localização automatizada. O sistema também inclui um painel de administração para gerenciar bolos, categorias, clientes e usuários, proporcionando uma experiência tranquila para clientes e administradores.
Características
Aplicativo de cliente
Catálogo de bolo
Os clientes podem explorar uma ampla gama de bolos organizados por categorias, facilitando o encontro do bolo perfeito.
Encomendar personalização
Os clientes podem personalizar seus pedidos selecionando tamanhos e quantidades específicos de bolo e adicionar esses bolos personalizados ao carrinho de compras para facilitar o gerenciamento antes da compra.
Localização de detecção automática
Com a integração do folheto, o aplicativo detecta automaticamente a localização do cliente durante a compra, simplificando o processo, eliminando a necessidade de inserir manualmente endereços, especialmente úteis para usuários móveis.
Check -out seguro
O processo de checkout reúne detalhes essenciais de contato do cliente, informações de pagamento e confirma o endereço de entrega detectada automaticamente, garantindo uma experiência de pedido suave e segura.
Sistema de feedback
Depois de concluir um pedido, os clientes são convidados a deixar feedback sobre sua experiência. Essas revisões são exibidas na página inicial, permitindo que novos visitantes visualizem depoimentos reais de outros clientes.
Página inicial dinâmica
- Recentemente adicionado bolos : destaca as mais recentes adições ao catálogo, incentivando os clientes a retornar e explorar novas opções.
- Feedback e depoimentos do cliente : exibe feedback real dos clientes, adicionando credibilidade e ajudando os novos usuários a tomar decisões informadas.
- Informações de contato : Detalhes essenciais de contato são exibidos com destaque, facilitando a conclusão dos clientes com perguntas ou solicitações especiais.
Painel de Administração
- A página de login do administrador fornece acesso seguro de login ao painel de administração, garantindo que apenas usuários autorizados possam gerenciar os dados e funcionalidades do aplicativo.
- Visão geral do painel O painel de administração fornece um resumo rápido das vendas da semana, permitindo que os administradores vejam métricas de desempenho dos negócios rapidamente, identifiquem tendências e tomem decisões orientadas a dados.
- Gerenciamento de bolos Uma página de bolos dedicados oferece aos administradores a capacidade de visualizar, adicionar, atualizar ou remover bolos do catálogo. Controle da quantidade de estoque: os administradores podem ajustar a quantidade de cada bolo em estoque para garantir uma disponibilidade precisa para os clientes.
- Gerenciamento de categorias A página Categorias organiza bolos em classificações (por exemplo, aniversário, aniversário, ervas daninhas ..), facilitando a navegação no catálogo do catálogo. Os administradores podem adicionar novas categorias, editar as existentes ou excluir as desatualizadas.
- Os administradores de gerenciamento de clientes podem acessar uma lista completa de clientes que fizeram pedidos, fornecendo informações sobre o comportamento do cliente e permitindo que eles abordem quaisquer perguntas ou problemas específicos da conta.
- Os administradores de gerenciamento de usuários podem criar novas contas de usuário para funcionários adicionais, gerenciar informações existentes do usuário e atualizar endereços de email ou redefinir senhas quando necessário, garantindo a operação suave e segura do sistema.
Tecnologias usadas
Banco de dados
- Banco de dados: Microsoft SQL Server com ADO.NET.
Front-end
- Ferramenta de construção: Vite para construção de projetos eficientes.
- Consulta de reação: para gerenciamento de estado remoto e busca de dados.
- API de contexto para gerenciamento de estado da interface do usuário.
- React Router: Para implementar o roteamento.
- Tailwindcss: para estilo.
- React gancho forma para gerenciar formulários.
- RECHARTS: Biblioteca para gráficos para mostrar estatísticas.
- REACT-HOT TOUT: Para notificações de brinde.
- React-icons: para ícones da interface do usuário.
back -end
Controladores:
- Organize e lidera com solicitações de recursos HTTP (por exemplo, bolos, ordens).
- Defina ações CRUD via métodos HTTP (GET, POST, PUT, PUT, DELETE).
Modelos/DTOs:
- Defina estruturas de dados para otimizar a transferência de dados do cliente-servidor.
Métodos HTTP:
- GET: Recupere recursos (por exemplo, lista de bolos).
- POST: Crie novos recursos (por exemplo, envie um pedido).
- Put: Atualize os recursos existentes (por exemplo, modifique os detalhes do bolo).
- Exclua: Remova os recursos (por exemplo, exclua um bolo).
Códigos de status:
- 200 OK: Recuperação/atualização de dados bem -sucedida.
- 201 Criado: Criação de recursos bem -sucedida.
- 204 Sem conteúdo: Recurso excluído com sucesso.
- 400 Pedido ruim: dados inválidos recebidos.
- 404 não encontrado: o recurso não existe.
Validação:
- Garante que os dados recebidos sejam precisos e seguros.
- Modelo Atributos e Lógica Personalizada Aplicar os requisitos de dados.
Demoção ao vivo
Clique em mim!