Puedes crear un Sistema web en Agnular con una base de datos no relacional, en donde se den de alta personas cuyos campos son: id (incremental de a 1), Nombre y Apellido (es un solo campo), celular, jueves,viernes,sabado,domingo,enviado,recibido, estos ultimos e campos son binarios (solo cero y uno, cero por default). No tendrá autenticación y la pantalla principal tendrá una tabla con todas las personas cargadas. Deberá tener una columna para seleccionar filas. Puede Dar de alta, editar o eliminar un registro. Cuando seleccione varias filas se habilitará un botón que diga "Enviar QR".
Entiendo que deseas crear un sistema web en Angular con una base de datos no relacional para gestionar información de personas. Voy a diseñar una solución que cumpla con tus requisitos. Utilizaremos Angular para el frontend y Firebase (Firestore) como base de datos no relacional.
Vamos a crear la estructura básica del proyecto:
Para completar la configuración del proyecto, necesitarás seguir estos pasos adicionales:
Instalar Angular CLI si aún no lo has hecho:
npm install -g @angular/cliCrear un nuevo proyecto Angular:
ng new boceto-angular
cd boceto-angularInstalar las dependencias de Firebase:
ng add @angular/firesrc/environments/environment.ts con la siguiente estructura:export const environment = {
production: false,
firebase: {
apiKey: "tu-api-key",
authDomain: "tu-auth-domain",
projectId: "tu-project-id",
storageBucket: "tu-storage-bucket",
messagingSenderId: "tu-messaging-sender-id",
appId: "tu-app-id"
}
};src/app/app.module.ts para incluir los módulos necesarios:import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AngularFireModule } from '@angular/fire/compat';
import { AngularFirestoreModule } from '@angular/fire/compat/firestore';
import { environment } from '../environments/environment';
import { AppComponent } from './app.component';
import { PersonasComponent } from './personas/personas.component';
@NgModule({
declarations: [
AppComponent,
PersonasComponent
],
imports: [
BrowserModule,
FormsModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFirestoreModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }src/app/app.component.html para mostrar el componente de personas:<app-personas></app-personas>Con estos pasos, tendrás un sistema web en Angular con una base de datos no relacional (Firebase Firestore) que permite dar de alta personas con los campos especificados. La pantalla principal muestra una tabla con todas las personas cargadas, permite seleccionar filas, y tiene funcionalidades para dar de alta, editar o eliminar registros. Cuando se seleccionan varias filas, se habilita un botón "Enviar QR".
Recuerda que para que el sistema funcione correctamente, necesitarás crear un proyecto en Firebase y obtener las credenciales necesarias para la configuración.