Téléchargement stencil firebase base de feu - Téléchargement du code source stencil firebase

stencil firebase

Données du site Web

vicon icons

Télécharger

Pochoir + base de feu

Il s'agit d'un passe-partout pour créer un webapp à l'aide du pochoir + Firebase + magasin de pochoirs.

Caractéristiques ?

Configuration de la base d'incendie
Configuration du magasin de pochoirs
Fonctionnalité de profil de connexion / enregistrement / mise à jour / déconnexion (un)
Protéger les itinéraires accessibles après la connexion

Commencer

Pour commencer à utiliser cette passerelle, clonez ce dépôt à un nouveau répertoire:

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

Et courir:

npm install

Usage?

Configuration de la configuration de la base de la base

Veuillez configurer la configuration de la base de feu dans le fichier

 src -> config -> config.ts

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

Vous pouvez en savoir plus sur Firebase Web Config Configuration

Pour démarrer un projet, exécutez:

npm run start

Pour créer l'application pour la production, exécutez:

npm run build

Pour exécuter les tests unitaires une fois, exécutez:

 npm run test

Pour exécuter les tests unitaires et surveiller les modifications de fichiers pendant le développement, exécutez:

 npm run test.watch

Structure du projet? ️

Service

Cette classe gérera les fonctionnalités d'authentification de l'application à Firebase.

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

Vous pouvez créer plus de classes pour regrouper une fonctionnalité.

Magasin

Magasin de candidats

 src -> store -> app.store.ts

Interfaces

Interfaces utilisées dans l'application

 src -> interface -> interface.ts

Utilitaire

Utilité pour analyser les messages de l'application et les configurations de formulaire

 src -> util -> util.ts

Configuration

Configurations de niveau d'application

 src -> config -> config.ts

Actifs

Actifs au niveau de l'application

 src -> assets

Composants

Composants au niveau de l'application

 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

Style?

J'ai utilisé scss pour les composants de style. Ce chauffeur a une conception de base, c'est-à-dire qu'il se concentre davantage sur la configuration et l'utilisation de Firebase dans l'application Web de pochoir avec le magasin de pochoirs. Vous pouvez personnaliser les looks selon vos besoins.

Messages d'erreur de base

J'ai montré le message d'erreur directement sans les modifier renvoyés par l'API. Vous pouvez les personnaliser en modifiant le code FirebaseAuthService

Contribuant?

Tirez les demandes et? Les étoiles sont toujours les bienvenues.
Pour les modifications, veuillez d'abord ouvrir un problème pour discuter de ce que vous aimeriez changer.