Actividad PR1- Intro Capacitor / knitTracker (Capacitor + Android)
Autor: Nathalia Padrón
Knit Tracker App
compilada con Capacitor, el web stack utilizado fue Javascript y Vite.js empaquetada en una aplicación Android con Capacitor.
Para el Reto 1 he configurado y compilado una Aplicación Android con Capacitor. Se llama KnitTracker y es una aplicación para gestionar proyectos de tejido. Cuando se tejen muchos proyectos a la vez, es difícil tener una estructura para llevar el tiempo invertido en cada proyecto y a su vez es difícil conseguir un lugar en común donde guardar información de dónde me encuentro en el proyecto. Esta App ayuda gestionar proyectos de tejido en paralelo. Una unidad usada para leer patrones es el número de la vuelta, en físico se utilizan contadores de punto, pero a menudo es fácil perderlos y ésta App te permite accesar esa información.
Knittracker habilita un contador de vueltas que la persona va incrementando a medida que avanza en la labor, el App guarda en Local Storage esta información. Otra función es la de cronometrar el tiempo invertido en el proyecto, permite que actives el cronómetro cada vez que te sientes a tejer en un proyecto específico. El App permite asignar milestones por cada proyecto que a lo largo del tiempo a medida que se cumplen suman a un porcentaje de progreso. Con cada milestone cumplida el usuario recibe un mensaje celebratorio.
Objetivos del App:
Funcionamiento
Este proyecto se desarrolló combinando documentación oficial y tutoriales prácticos.
### Documentación oficial
– Documentación de Capacitor
https://capacitorjs.com/docs
– API de Haptics de Capacitor
https://capacitorjs.com/docs/apis/haptics
– Documentación de Vite
https://vitejs.dev/guide/
– Documentación de Android Studio
https://developer.android.com/studio
– API de Web Storage (localStorage)
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
—
Recursos en vídeo
– «Capacitor Crash Course»
https://www.youtube.com/watch?v=4n6X9y6Zy6Q
– «Build Android Apps with Capacitor»
https://www.youtube.com/watch?v=8s3vP3k5s0E
– «Vite JS Crash Course»
– «Understanding localStorage in JavaScript»
## Probar la Aplicación en el emulador de Android
Puedes correr la aplicación mediante el flujo
«`zsh
npm run build
npx cap sync android
npx cap open android«`
La configuración recomendada es:
Pixel 5, API Level: 33 / 34.
Aqui encuentras el link a mi proyecto en Github: https://github.com/NattyDCI/capacitor_app
Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.