Mercado online de vegetais e frutas (VegFru)
Bem-vindo ao projeto Mercado Online de Vegetais e Frutas! Esta plataforma foi projetada para conectar clientes a fornecedores próximos que vendem frutas e vegetais frescos. Com uma interface fácil de usar, os clientes podem pesquisar fornecedores em um mapa, visualizar listas de produtos e fazer pedidos com segurança por meio de um gateway de pagamento.
Clique aqui para visualizar o fluxo do VegFru
Note: Fully Mobile Responsive
Recursos do aplicativo:
| Recursos do cliente | Recursos do fornecedor - Crie e gerencie sua loja |
|---|---|
| 1. Procure fornecedores próximos em um mapa: - Localize facilmente fornecedores próximos usando uma interface de mapa interativa. | 1. Criação de Loja: Os fornecedores podem criar e personalizar sua loja online dentro da plataforma. Eles podem configurar a loja com marcas, logotipos e informações da loja. |
| 2. Visualize perfis de fornecedores e listas de produtos no mapa: - Acesse perfis detalhados de fornecedores e navegue nas listas de produtos diretamente na interface do mapa. | 2. Gerenciamento de estoque: os fornecedores acessam um painel robusto para gerenciamento eficiente de estoque. Eles podem adicionar, editar ou remover listas de produtos, atualizar quantidades e definir preços. |
| 3. Faça pedidos e pague com segurança por meio do Stripe: - Faça pedidos de produtos desejados de fornecedores com facilidade usando o gateway de pagamento Stripe robusto e seguro. | 3. Processamento de pedidos: os fornecedores podem gerenciar pedidos com eficiência, revisar detalhes e preparar entregas diretamente no painel. |
| 4. Rastreie pedidos em tempo real: - Acompanhe o status do pedido, detalhes e pagamentos em tempo real, desde a confirmação até a entrega. | 4. Insights: os fornecedores obtêm acesso à receita diária, totais de clientes e dados de pedidos, fornecendo informações comerciais valiosas que ajudam a compreender o desempenho da loja. |
| 5. Confirmação por e-mail após pedido bem-sucedido: - Receba uma confirmação por e-mail imediatamente após fazer um pedido com sucesso. |
Tecnologias Utilizadas
Este projeto é construído usando tecnologias web modernas, incluindo:
| Tecnologia | Escolhas |
|---|---|
| Front-end | ReactJS/NextJS |
| Estrutura de IU | ChakraUI/Tailwind |
| Back-end | NodeJs/ExpressJS |
| Banco de dados | MongoDB |
| Conteinerização | Docker |
| Serviços de localização | API Mapbox (pesquisas baseadas em localização, integração de mapas, API de direção, API de distância) |
| Gateway de pagamento | Check-out de listras |
| Cache | Redis (para reduzir solicitações de banco de dados, otimizar o desempenho e reduzir o tempo de resposta) |
| Limitação de taxa | Utilizado para controlar taxas de solicitações, implementado como middleware no ExpressJS para evitar solicitações excessivas e garantir a estabilidade do servidor |
| Webhooks | Usado para salvar detalhes de pagamento no banco de dados |
| Notificações por e-mail | Enviado usando o servidor SMTP do Gmail e Nodemailer |
| Token de acesso e token de atualização | Implementado com interceptores Axios para melhorar a experiência do usuário |
Capturas de tela do lado do cliente
Capturas de tela do lado do fornecedor
Contato
Se você tiver alguma dúvida ou comentário, entre em contato comigo pelo e-mail [email protected], visite meu site: clique aqui. Adoraríamos ouvir sua opinião!
