A aplicação "Add To Cat" é um trocadilho de "Add to Cart", sendo uma lista de compras coletiva entre determinadas pessoas com temática felina. O projeto foi desenvolvido em Javascript puro, utilizando CSS para estilização do layout. Pode ser usado também em dispositivos mobile já que possui responsividade. O banco de dados escolhido foi o Firebase por ser simples, funcional e pela atualização dos dados em tempo real.
A ideia para construção do app veio de um curso de Firebase que realizei na plataforma Scrimba. Ótima opção para estudantes de tecnologia.
Acesso ao app: https://add-to-cat.netlify.app/
O app é bem intuitivo e possui apenas um botão que adiciona o item digitado na lista. Para remover algum item da lista basta clicar ou tocar duas vezes no próprio item.
Caso o usuário tente adicionar algum item sem ter digitado nada no campo de input, será apresentada uma mensagem de erro solicitando o nome do produto. A biblioteca utilizada para realizar essa tarefa se chama "SweetAlert".
Em situações em que a lista está vazia, um texto é exibido na tela dizendo que não há itens registrados.
add-to-cat-andrei.mp4
Tela principal:
Mensagem de erro:
- Criar tela de cadastro e login com a intenção de proteger os dados da aplicação.
- Criar uma variável de ambiente que "esconda" o link do banco de dados, podendo ser editado apenas pelo dono da aplicação.