Projeto

Vitrine de Códigos

Vitrine de Códigos
firebasevitrinelojaprojetosjavascriptapi restsite

Sobre este projeto

Landing page que mostra os seus projetos de programação lendo direto do Firebase Realtime Database, pela API REST, com fetch: sem SDK, sem biblioteca e sem servidor próprio. Cadastre os projetos no banco e a vitrine se monta sozinha, com busca por nome, descrição ou tag, filtro por linguagem (cada uma com sua cor) e uma ficha em janela para cada projeto, com tags, preço e botão de WhatsApp já com a mensagem escrita. Enquanto a URL do banco estiver vazia, a página roda em modo demonstração com seis projetos de exemplo, e um cartão no topo mostra sempre o estado da conexão: demonstração, ligado ou sem resposta. A seção "Como ligar no seu Firebase" ensina os três passos e traz as regras do banco e o formato de cada projeto prontos para copiar. Tem tema claro e escuro, é responsiva do celular ao computador e funciona offline. Nenhuma chave, token ou conta vem no projeto: você preenche só a URL do seu banco no começo do script.js.

Informações do projeto

  • CategoriaE-commerce
  • DisponibilidadeGratuito
  • Formatozip
  • Tamanho do arquivo11.9 KB

Capturas de tela

Ver mais projetos no Sketch Dev