Analisando propostas

Sistema Web para Gerar Preview em Html

Publicado em 29 de Setembro de 2023 dias na TI e Programação

Sobre este projeto

Aberto

Preciso de um sistema web que meu cliente consiga simular o app dele.
A empresa desenvolve apps e precisa que o cliente simule como seria o site dele em um app.

----
O site é dividido em 3 etapas:

Tela 1:
URL do site
Email
Telefone

Tela 2:
Escolha os 5 principais links do seu site e o ícone
Exemplo: Carrinho, Perfil, Categoria, Destaque e Home

Escolhe Cor de fundo
Escolhe Cor do ícone

Tela 3:
Escolha sua plataforma (Vtex, Tray, Shopify, Etc)

>> Botão de Gerar APP <<

-----

Gera uma tela simulando o app em um IOS e simulando em um Android, um do lado do outro.

A geração do app é feito pegando o site, colocando um css de acordo com o que foi selecionado na plataforma e criando uma navbar com as urls e icones selecionados.

----

Esse simulador precisa ser clicável, ou seja, clicando nos icones da navBar ele consegue mudar de página.

Porém pode se limitar somente as 5 páginas do webview, todos os outros links são desativados, trocados por uma #

Após 3 segundos de aberto, ele simula uma imagem descendo como se fosse push com a seguinte mensagem “Opsss… você esqueceu um produto no carrinho”

Vai ter uma opção para pessoa escolher os planos e ai ele segue para o pagamento (link fixo, sem variável), mostrando a diferença entre eles.

Esse form deve enviar as informações para um webhook e armazenar em um banco sql.

O webhook eu entrego a URL.

PS: Coloquei em anexo como deveria ficar o site locacao027.com.br por exemplo.

O front da página será entregue em um figma.

Ps2.: Pensei em algo na lógica como fazer um scrapping do HTML e simular ele na tela adicionando o css necessário, pois iframe não deixa usar o css/js dentro dele.
Além disso faz um replace em todas urls e coloca # apenas para o usuário não conseguir clicar em nada além dos ícones do navbar

Contexto Geral do Projeto

A ideia do sistema é eu não precisar ficar entregando um figma toda vez para o cliente, assim ele consegue ja ver de forma fácil como ficaria. Penso em fazer o scrapping do HTML, pois normalmente é feito assim só que manualmente

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Criar um novo site personalizado
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Integrações de API Outros (Outras APIs)
Funções necessárias Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por P. C.