/vue-firebase-laboratory

VUE+Typescript+firebase+Pinnia laboratory

Primary LanguageVue

Vue-Firebase Laboratory

Overview

VUE + TypeScript + Firebase + Pinia Laboratory for the UNA

Tasks to Resolve

  • Copy the project to a group repository
  • Connect with your own Firebase account
  • Activate the authentication service with email and password
  • Activate the Firestore service with the following rules:
rules_version = '2';

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

Connect with Google Provider

  • Change the code to connect add a SSO with Google Provider and document the process in a Notion.

Suggested Code Improvements

  • Create a brief list of suggested changes needed to improve this code.
  • Move data to code ...

Security Issues

  • Identify and fix at least 5 security issues in the repository.

Analysis of Vue vs React

  • In groups of 4 members, make a comparison between React (and Next.js) and all necessary tools (15 are sufficient) required to develop a web application.

Example:

  • State Management: In React, the most popular solution is ..., while in Vue, it is ... The main differences are ...
  • Data Binding: ...
  • Templating: ...

Best Practices

  • Find and share with the teacher 2 interesting articles or documents that explain the best practices and recommended patterns for working with Vue.

Fix the Code

  • Fix one of the assigned tasks and make a pull request. Then, comment on and approve changes made by your colleagues in your group repository.