Скачать stencil firebase - Загрузка исходного кода stencil firebase

stencil firebase

Данные веб-сайта

vicon icons

Скачать

Трафарет + пожарная база

Это шаблон для создания веб -приложения с использованием магазина трафарета + Firebase + Strefsil.

Функции ?

Установка Firebase
Установка магазина трафаретов
Войти/регистр/Обновление профиля/функциональность входа (базовый)
Защита маршрутов, которые доступны после входа в систему

Начиная

Чтобы начать использовать этот шаблон, клонируйте это репо в новый каталог:

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

и беги:

npm install

Использование?

Настройка конфигурации Firebase

Пожалуйста, настройте конфигурацию Firebase в файле

 src -> config -> config.ts

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

Вы можете узнать больше о настройке веб -конфигурации Firebase Firebase Web Config

Чтобы начать проект, запустите:

npm run start

Чтобы создать приложение для производства, запустите:

npm run build

Чтобы запустить модульные тесты один раз, запустите:

 npm run test

Чтобы запустить модульные тесты и следить за изменениями файлов во время разработки, запустите:

 npm run test.watch

Структура проекта? ️

Услуга

Этот класс будет обрабатывать функции подлинности приложения для Firebase.

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

Вы можете создать больше классов для группы функциональности.

Магазин

Магазин заявок

 src -> store -> app.store.ts

Интерфейсы

Интерфейсы, используемые в приложении

 src -> interface -> interface.ts

Утилита

Утилита для анализа сообщений приложений и конфигураций форм сдержания

 src -> util -> util.ts

Конфигурация

Конфигурации уровня приложения

 src -> config -> config.ts

Ресурсы

Активы уровня приложения

 src -> assets

Компоненты

Компоненты уровня приложения

 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

Стиль?

Я использовал scss для компонентов стиля. Ths Covererplate имеет базовый дизайн, т. Е. Сфокусируется больше на настройке и использовании Firebase в веб -приложении Tencil, а также Stecl Store. Вы можете настроить внешний вид в соответствии с вашими потребностями.