https://github.com/orbiszlin/calculator-s3c-2024
Simple educational mobile calculator in Angular and Ionic (with Capacitor) inspired by the basic Apple Calculator app
https://github.com/orbiszlin/calculator-s3c-2024
angular capacitor capacitorjs ionic ionic-framework js ts typescript
Last synced: 2 months ago
JSON representation
Simple educational mobile calculator in Angular and Ionic (with Capacitor) inspired by the basic Apple Calculator app
- Host: GitHub
- URL: https://github.com/orbiszlin/calculator-s3c-2024
- Owner: orbiszlin
- Created: 2024-10-31T12:15:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-14T15:41:37.000Z (over 1 year ago)
- Last Synced: 2025-08-25T18:48:49.709Z (10 months ago)
- Topics: angular, capacitor, capacitorjs, ionic, ionic-framework, js, ts, typescript
- Language: TypeScript
- Size: 156 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Calculator S3C 2024/2025
Projekt pro výuku mobilních aplikací na střední škole Orbis.
## Orientace v projektu
- Jednotlivé commity jsou přidávány podle hodin, které proběhly a souhrně obsahují vše, co bylo přidáno nebo
modifikováno.
## Oficiální dokumentace
- [Ionic Framework](https://ionicframework.com/)
- [Angular Framework](https://angular.dev/)
## Instalace projektu
1. Naklonujte si REPO (**branch** - `main` nebo tu, kterou potřebujete podle vaší hodiny)
2. Otevřte projekt ve vámi zvoleném IDE a v příkazovém rádku
3. Nainstalujte všechny NPM knihovny - `npm install`
4. Spusťte Ionic dev server pomocí `ionic serve` nebo `ng serve`
## iOS - zatím není funkšní
~~
1. ~~Proveďtě kroky instalace, není třeba provádět krok 4.~~
2. ~~Vytvořte build složky **www** - `ionic build`~~
3. ~~Vytvořte synchronizaci www a iOS projektu - `ionic cap sync ios`, pokud nefunguje tak `npx cap sync ios`.~~
4. ~~Otevřete projekt v Xcode - `ionic cap open ios`, `npx cap open ios` nebo otevřete [App.xcworkspace](ios%2FApp%2FApp.xcworkspace) jako projekt v Xcode.~~
5. ~~Vyberte simulátor a spusťte~~
## Android - zatím není funkšní
1. ~~Proveďtě kroky instalace, není třeba provádět krok 4.~~
2. ~~Vytvořte build složky **www** - `ionic build`~~
3. ~~Vytvořte synchronizaci www a Android projektu - `ionic cap sync Android`, pokud nefunguje tak `npx cap sync Android`.~~
4. ~~Otevřete projekt v Xcode - `ionic cap open Android`, `npx cap open Android` nebo otevřete složku [android](android) jako projekt v Android studiu.~~
5. ~~Vyberte emulátor a spusťte~~
## Oprava když něco nefunguje
Pokud by nějaké kroky nefungovaly je nutné projít kroky Ionic, pokud je již přidán i nativní kód tak z Capacitor:
Kroky Capacitor jsou ty, které jsou zapsány pomocí `npx`, ionic pomocí příkazu `ionic`.
- [Všechny kroky z Capacitor](https://capacitorjs.com/docs/getting-started)
- [Všechny kroky z Ionic iOS](https://ionicframework.com/docs/developing/ios)
- [Všechny kroky z Ionic Android](https://ionicframework.com/docs/developing/android)