Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/discoduroderoer/counter-app-ionic

Tu primera aplicación hecha en ionic 7
https://github.com/discoduroderoer/counter-app-ionic

android angular counterapp ionic ionic-framework ionic7 ionicangular ionicangularapp ios

Last synced: about 1 month ago
JSON representation

Tu primera aplicación hecha en ionic 7

Awesome Lists containing this project

README

        

# Tu primera app con IONIC

Arranca en ionic 7 haciendo una app standalone completa desde 0 hasta tenerla en tu dispositivo móvil, ya sea android o ios, pasando por toda la funcionalidad y testeando la aplicación para comprobar que todo funcione correctamente.

Si te ha servido este repositorio, no te olvides de darle una estrella.

# Imagenes

![counter app 1](https://i.ibb.co/H7CtVNC/counter-app-1.png)
![counter app 2](https://i.ibb.co/GM0vJyp/counter-app-2.png)
![counter app 3](https://i.ibb.co/CMMNMRq/counter-app-3.png)

# Video

[Introducción](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=0s)

[Herramientas necesarias](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=74s)

[Creación proyecto](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=185s)

[Base lógica de nuestra app](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=327s)

[HTML](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=497s)

[Reseteando el contador](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=1095s)

[Guardando el contador con preferences](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=1289s)

[Testing](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=1678s)

[Generar iconos](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=2055s)

[Compilar para Android](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=2249s)

[Compilar para IOS](https://www.youtube.com/watch?v=nbRQM8HMeY0&t=2455s)

# Enlaces

Curso udemy ionic: https://www.udemy.com/course/aprende-ionic-con-proyectos-practicos/

NodeJS: https://nodejs.org/en

Ionic cli: https://ionicframework.com/docs/cli

ionicicons: https://ionic.io/ionicons

ionic css utilities: https://ionicframework.com/docs/layout/css-utilities

Preferences capacitor: https://capacitorjs.com/docs/apis/preferences

@capacitor/assets: https://capacitorjs.com/docs/guides/splash-screens-and-icons

JDK adoptium: https://adoptium.net/es/

Android studio: https://developer.android.com/studio?hl=es-419