Desenvolvimento Web
| Orçamento: Aberto |
Publicado: |
Propostas: 3
*Descrição da ferramenta básica*
A *smart drop* será uma extensão para Chrome que permite sincronizar produtos entre plataformas de e-commerce, como Shopify e Nuvemshop, de forma prática, inspirada na Dropar.ai. O usuário arrasta URLs de produtos (drag and drop) para a extensão, que extrai dados como nome, imagem, descrição e preço via web scraping. Esses produtos podem ser editados e sincronizados com a loja escolhida (Shopify ou Nuvemshop) usando APIs oficiais (OAuth para autenticação). A extensão inclui:
- *Autenticação*: Login com e-mail e senha, gerenciado por um backend (Node.js, MongoDB, com JWT para segurança). Suporta atualização de perfil e alteração de senha.
- *Seleção de plataforma*: Escolha entre Shopify e Nuvemshop, com configuração via URL e autenticação OAuth (necessita de Client ID e Client Secret para cada plataforma).
- *Configurações do drop*: Opções para definir quais dados sincronizar (fotos, descrição, variações) e limpar conteúdo (scripts, links, formatação), aplicadas durante a sincronização.
- *Lista de produtos*: Exibe produtos dropados com opções de editar, excluir, ver histórico de drops e sincronizar. Inclui checkboxes para seleção e botão "DROPAR" com contador.
- *Histórico de drops*: Registra produtos sincronizados no backend, com detalhes como plataforma e data, acessível via menu lateral.
- *Persistência*: Produtos dropados e sincronizados são salvos no backend (MongoDB) para manter o estado entre sessões. Produtos dropados são removidos após sincronização.
- *Interface*: Design inspirado na Dropar.ai, com fundo escuro (#1C2526), campos cinza (#2C3536), botões azuis (#00A3FF), e menu lateral colapsável com ícones.
*Informações importantes adicionais*:
- *Backend*: Usa Node.js com Express, MongoDB para banco de dados, bcrypt para hash de senhas, e JWT para autenticação. Inclui rotas para login, registro, perfil, senha, web scraping (axios e cheerio), e gerenciamento de produtos (dropados e sincronizados).
- *Web scraping*: Extrai dados de produtos (nome, imagem, preço, descrição) de URLs dropadas, mas pode precisar de ajustes nos seletores para diferentes sites.
- *APIs*:
- Shopify: Usa a API REST (versão 2023-10) para criar produtos. Requer configuração de app no Shopify Partner Dashboard.
- Nuvemshop: Usa a API REST (v1) para criar produtos. Requer configuração de app no painel de desenvolvedores da Nuvemshop.
*Objetivo*: Criar uma ferramenta que facilite a importação e sincronização de produtos entre lojas Shopify e Nuvemshop, com interface e fluxo semelhantes à Dropar.ai, incluindo autenticação segura, integração com APIs, persistência de dados, e uma experiência de usuário fluida.
Links para referências:
• https://dropar.ai/
• https://chromewebstore.google.com/detail/dropar/hbkhiliohiddheogklpojebfngafhkag
• https://www.youtube.com/@droparoficial
• Outra ferramenta:
• https://dropify.gg/
• https://chromewebstore.google.com/detail/dropify/kapnpakojkeekcjnfehcgmpgljloomec