Projeto em HTML, CSS e Vanilla Javascript que implementa um pequeno CRUD. (São utilizados o Realtime Database, Authentication com email/senha e conta Google e Storage do Firebase)

This repository has many stars from community.⭐️⭐️⭐️

Uma das dificuldades dos desenvolvedores de é implementar um pequeno CRUD que possua autenticação, sem antes se envolver em um framework web, como o Vue, Angular ou React. O propósito desse pequeno sistema é mostrar que é possível desenvolvermos uma aplicação 100% na nuvem, utilizando apenas HTML, CSS e Javascript.

• Inicialmente clone o projeto;
• Acesse https://firebase.google.com e crie um novo projeto Web.
• Edite o arquivo firebase.js e cole nele as informações de conexão apresentadas pelo Firebase.
• Acesse Realtime Database e em regras, informe que apenas usuários autenticados terão direito de acesso (escrita e leitura) aos dados:

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

• Acesse Cloud Firestore e em regras, informe que apenas usuários autenticados terão direito de acesso (escrita e leitura) aos dados:

​rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write : if request.auth != null;
    }
  }
}

• Abra o arquivo index.html no seu navegador, crie um novo usuário e navegue pelo seu CRUD! (ou se preferir, instale o Live Server no VS Code, clique com o botão direito dentro do arquivo index.html e selecione Open with Live Server)

Utilize a sua conta Google para efetuar o Login, ou cadastre um novo usuário.

https://ricardoleme.github.io/crud-firebase-v9-vanilla-js/

• https://github.com/GCMoura/first-crud-firebase
• https://github.com/ArefinAnwar/todo-crud_firebaseSDK9

Prof. Ms. Ricardo Leme

Made with 💜, HTML, CSS and only Vanilla JS.