This application was automatically generated with Aista Magic Cloud. It features easy translation into your language(s) of choice, and provides a default starter-kit for your CRUD apps. Notice, to create "an app" out of this website, just click the bookmark button on your phone, and choose "Add to home screen", and it will behave more or less exactly like a native app, as long as the user has an internet connection. In the "helpers" folder you can find several helper components, allowing you to change any aspect of your entity fields, to for instance provide file upload, image capturing, etc. These are as follows.
- magic-autocomplete - Helps you when creating new entities when a field in your entity is referencing another field in another table. Useful for larger datasets.
- magic-file - Helps you when creating new entities when a field in your entity should be wrapping a file physically on disc in your backend, as in uploading files and associate these with data entities.
- magic-file-view - Helps you when viewing an entity and downloading an associated file when a field is wrapping a physical file.
- magic-filter - Helps you create filtering controls when a field in an item is referencing another field in another table.
- magic-image - Same as the magic-file, except it allows you to upload images specifically, and will automatically resize your images if you want it to.
- magic-image-view - The equivalent of the magic-file component, except it will display images inline on your form.
- magic-selector - The same as magic-autocomplete but will create a select dropdown list instead of an autocompleter and hence is more useful for smaller datasets.
All of the above custom components are fairly well documented in the TypeScript files, and you can easily include them as you see fit in your own applications. Besides from the above special components, everything in this template is plain and standard Angular components, besides the occassional 3rd party component, used to for instance allow the user to pick a date and time, etc. The latter are open source libraries you can find documentation for if you search for your component's name.
This project also allows you to easily integrate CI and CD on your code, automatically deploying new versions to your cloudlet as changes are pushed to a GitHub repository containing your code.
- Open a terminal window in this folder
- Execute
npm link
- Execute
ng serve --port 4202
- Open a browser window at localhost:4202
- Import the app's code to a GitHub repository
- Generate a token using your Magic Dashboard and add as a secret
TOKEN
to your GitHub repository - Every time you now push changes to your GitHub master or main branch a new version will be automatically deployed