Integração Firebase em Cardápio Digital

Tenho um cardápio digital 100% funcional em HTML, CSS e JavaScript puro; o fluxo de pedidos via WhatsApp e o carrinho já operam corretamente. Agora preciso conectar tudo ao Firebase para que os produtos sejam carregados dinamicamente em vez de virem de um array local.

O que preciso, de forma objetiva:
• Configurar Firestore e Storage, criando a coleção de produtos (lanches e bebidas) exatamente no formato de objeto JSON que já defini.
• Substituir o array local pela leitura desses dados no Firebase, mantendo a experiência atual intacta.
• Ajustar IDs e qualquer detalhe de estrutura que garanta o funcionamento perfeito do carrinho.
• Deixar o código limpo, organizado e comentado para facilitar edições futuras, sem necessidade de um painel admin complexo.

Meu principal objetivo é armazenar dados de produtos no Firebase; já tenho em mente como a coleção deve ficar, mas posso ouvir pequenas sugestões se enxergar ganho real.

Requisitos que valorizo:
– Experiência prática com Firebase (Firestore + Storage).
– Domínio de JavaScript puro; não utilizo frameworks neste projeto.
– Histórico de integrações semelhantes (cardápios, e-commerce simples, etc.).

Trata-se de um projeto pontual, enxuto e bem estruturado, com alta chance de continuidade para evoluções futuras. Se tiver exemplos relacionados, envie o link ou repositório quando se candidatar.