From 239d07d192fd1511c37fbbdbcf4f2c9fc7c6051b Mon Sep 17 00:00:00 2001 From: Francesco Bozzotta <39646929+silicia-apps@users.noreply.github.com> Date: Thu, 24 Aug 2023 09:46:16 +0200 Subject: [PATCH] Update README.md --- README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/README.md b/README.md index 0121958..cf7baeb 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,52 @@ [![gitbook](https://img.shields.io/badge/documentation-gitbook-blue)](https://silicia-apps.gitbook.io/sio-framework/) [![compile](https://github.com/silicia-apps/sio/actions/workflows/compile.yml/badge.svg)](https://github.com/silicia-apps/sio/actions/workflows/compile.yml) + +Silicia Ionic Framework (SIO) is a library for developing open-source hybrid applications released under the MIT license. This library was created with the aim of eliminating all the redundant code necessary for development in ionic or angular and with the purpose of inserting the most used libraries. Here are the features of the library: + +* state integration with ngxs and angular-ru/ngxs libraries +* multilingual support integration via transloco library +* plugin support for various types of backends (currently appwrite) +* wrapping core Ionic components into new components with state and other functionality (such as dynamic forms and menus) + +The library is in a pre-alpha state. If you want to test to participate in the development, even if only as a tester or to send suggestions + +Installation +to install the library add it to your project + +```bash +$ npm install @sio/core +``` +start a new ionic project with + +```bash +$ ionic start --type=angular sio-demo blank +``` +app.modules.ts + +open the app.module.ts file and add the library + +```ts +... +import { environment } from '../assets/environments/environment'; +import {} from '@sio/core'; +... +@NgModule({ + ... + imports: [ + ... + SioCoreModule.forRoot(environment), + SioCommonModule, + ... + ], + ... +}); +... +``` + +the SioCoreModule module must be imported only in the main module of your application, while SioCommonModule must be imported in each LazyModule (typically the app pages) in which you want to have access to the library components. + +app.component.html + +Once this is done, it is necessary to modify the app.component.html file by inserting the main component of SIO or the sio-app component + +