@fresh08man/jim-lib v0.0.3

JimLib

This library was generated with Angular CLI version 8.2.14. It's a E-Commerce module including several components which combine with laravel RestAPI.

Install

1. Fontend (Angular 8): Run npm i @fresh08man/jim-lib --save to install module.
2. Backend (Laravel 5.8): see labspace-upload-api

Build In Angular

1. Install dependencies:
   1. npm install --save sweetalert2 @sweetalert2/ngx-sweetalert2 moment angularx-social-login ngx-image-cropper @ckeditor/ckeditor5-angular ckeditor5-build-classic-all-plugin
   2. ng add @angular/material
2. Add environment variables in environment.ts
   1. APIUrl: YOUR SERVER DOMAINNAME (EX: http://127.0.0.1/ssl_project/public)
   2. APIUrlReg: YOUR SERVER DOMAINNAME REG (EX: ^http:\/\/127.0.0.1\/ssl_project)
   3. FBappId: Facebook login App ID (Only set when you have a vaild ID)
   4. GoogleAPIKey: Google login API Key (Only set when you have a vaild key)
   5. FileUrl: File server domain (EX: http://127.0.0.1/ssl_project/storage/app/public)
3. Import module in app.module.ts
   1. import { JimLibModule } from '@fresh08man/jim-lib';
   2. import { environment } from '../environments/environment';
   3. Add JimLibModule.forRoot(environment) in @NgModule imports

Components

Here are components in JimLib you can use.

1. jim-datepicker: This is a datepicker reference by Angular Material.

2. jim-file-upload: You can upload file, video, image to the server. You must install laravel labspace-upload-api in your API backend server.

3. jim-social-login: You can login by facebook or google and get user info from server database. You must install laravel labspace-auth-api in your API backend server.

4. jim-image-crop: You can crop the image and upload it to server. You must install laravel labspace-upload-api in your API backend server.

5. jim-ckeditor5: ckeditor combine with ckfinder and image upload to the server.

Further help

To understand how to use these components go check out the fresh08man google doc for more detail.