Descarga stencil firebase - Código fuente stencil firebase descarga

stencil firebase

Datos del sitio web

vicon icons

Descargar

Plantilla + Firebase

Esta es una placa para crear una aplicación web con Tienda de plantillas de plantilla + Firebase +.

Características ?

Configuración de Firebase
Configuración de la tienda de plantillas
Iniciar sesión/registrar/actualizar la funcionalidad de perfil/logrout (básico)
Protección de rutas a las que se accede después de iniciar sesión

Empezando

Para comenzar a usar esta calderera, clone este repositorio a un nuevo directorio:

git clone https://github.com/ranjeetsinghbnl/stencil-firebase.git

y corre:

npm install

¿Uso?

Configurar la configuración de Firebase

Configure la configuración de Firebase en el archivo

 src -> config -> config.ts

 const firebaseConfig = {
  apiKey : "" ,
  authDomain : "" ,
  databaseURL : "" ,
  projectId : "" ,
  storageBucket : "" ,
  messagingSenderId : "" ,
  appId : ""
} ;

Puede encontrar más sobre la configuración de configuración web de Firebase Firebase configuración web

Para comenzar un proyecto, ejecute:

npm run start

Para construir la aplicación para la producción, ejecute:

npm run build

Para ejecutar las pruebas unitarias una vez, ejecute:

 npm run test

Para ejecutar las pruebas unitarias y observar los cambios de archivo durante el desarrollo, ejecute:

 npm run test.watch

Estructura del proyecto? ️

Servicio

Esta clase manejará las funciones de autenticar la aplicación a Firebase.

 src -> services -> auth.service.ts -> Class FirebaseAuthService

Puede crear más clases para agrupar una funcionalidad.

Almacenar

Tienda de aplicaciones

 src -> store -> app.store.ts

Interfaces

Interfaces utilizadas en la aplicación

 src -> interface -> interface.ts

Utilidad

Utilidad para analizar mensajes de aplicación y mantener configuraciones de formulario

 src -> util -> util.ts

Configuración

Configuraciones de nivel de aplicación

 src -> config -> config.ts

Activos

Activos de nivel de aplicación

 src -> assets

Componentes

Componentes de nivel de aplicación

 src -> components ->
1. <app-flash-message> for showing alert messages
2. <app-home> Dashboard 
3. <app-root> entry component of the application
4. <common> sidebar functional component used in login/register components
5. <page> for showing pages
6. <auth> -> having login/register/update-profile components

Estilo?

He usado scss para componentes de estilo. THS BORALERPLATE tiene un diseño básico, es decir, se centra más en configurar y usar la aplicación web de Firebase en Stencil junto con la tienda de plantillas. Puede personalizar el aspecto según sus necesidades.

Mensajes de error de Firebase

He mostrado el mensaje de error directamente sin modificarlo devuelto por la API. Puede personalizarlos modificando el código FirebaseAuthService

Contribuyendo?

Solicitud de solicitudes y? Las estrellas siempre son bienvenidas.
Para los cambios, primero abra un problema primero para discutir lo que le gustaría cambiar.