{"id":19048840,"url":"https://github.com/brayanhenao/ux-alarma-app-mobile","last_synced_at":"2026-05-07T19:03:39.795Z","repository":{"id":196861803,"uuid":"695945754","full_name":"brayanhenao/ux-alarma-app-mobile","owner":"brayanhenao","description":"React-Native basic app","archived":false,"fork":false,"pushed_at":"2023-10-21T03:09:53.000Z","size":577,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T00:16:03.858Z","etag":null,"topics":["android","ios","react-native"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brayanhenao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-24T17:28:06.000Z","updated_at":"2023-09-27T18:22:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"e3903289-9455-4b34-adb8-962986fbc94c","html_url":"https://github.com/brayanhenao/ux-alarma-app-mobile","commit_stats":null,"previous_names":["brayanhenao/ux-alarma-app-mobile"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/brayanhenao/ux-alarma-app-mobile","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brayanhenao%2Fux-alarma-app-mobile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brayanhenao%2Fux-alarma-app-mobile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brayanhenao%2Fux-alarma-app-mobile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brayanhenao%2Fux-alarma-app-mobile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brayanhenao","download_url":"https://codeload.github.com/brayanhenao/ux-alarma-app-mobile/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brayanhenao%2Fux-alarma-app-mobile/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":283910072,"owners_count":26915128,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-11T02:00:06.610Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","ios","react-native"],"created_at":"2024-11-08T23:08:59.180Z","updated_at":"2025-11-11T19:03:04.385Z","avatar_url":"https://github.com/brayanhenao.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AlarmaApp - Interfaz Móvil\n\nEste proyecto es la interfaz móvil de la aplicación AlarmaApp, desarrollada como parte del curso de\n_*Mejoramiento de la Experiencia de Usuario*_ en la Universidad de los Andes.\n\n## Tabla de Contenido\n\n- [Integrantes](#integrantes)\n- [Diseño en Figma](#diseño-en-figma)\n- [Acerca del Desarrollo de la Interfaz](#acerca-del-desarrollo-de-la-interfaz)\n- [Instalación](#instalación)\n- [Ejecución](#ejecución)\n  - [Ejecutar el servidor de Metro](#ejecutar-el-servidor-de-metro)\n  - [Ejecutar la aplicación](#ejecutar-la-aplicación)\n    - [Para Android](#para-android)\n    - [Para iOS](#para-ios)\n- [Construcción](#construcción)\n\n## Integrantes\n\n- [Brayan Henao](https://www.github.com/brayanhenao)\n- [Erik Loaiza](https://www.github.com/erikloaiza)\n\n## Diseño en Figma\n\nHemos utilizado [Figma](https://www.figma.com) para el diseño de la interfaz móvil. A continuación, se detallan los\nenlaces al archivo de Figma y al prototipo.\n\n- [Figma detallado](\u003chttps://www.figma.com/file/QmtTqW4KTHQG8jDWNJUL8X/UX---Alarma-App-(Mobile)-(Full)?type=design\u0026mode=design\u0026t=rv2cEoFN5F5gghCA-0\u003e)\n- [Prototipo](https://www.figma.com/proto/QmtTqW4KTHQG8jDWNJUL8X/UX-Alarma-App-Mobile-Full?type=design\u0026node-id=54495-24451\u0026t=rv2cEoFN5F5gghCA-0\u0026scaling=contain\u0026page-id=54495%3A24451\u0026starting-point-node-id=54811%3A27755)\n\n## Acerca del Desarrollo de la Interfaz\n\nPara el desarrollo de la interfaz, hemos utilizado las siguientes tecnologías:\n\n- [Yarn](https://yarnpkg.com): Gestor de paquetes para JavaScript.\n- [React Native](https://reactnative.dev): Framework para el desarrollo de aplicaciones móviles en JavaScript.\n- [Metro](https://facebook.github.io/metro): Bundler para React Native.\n- [TypeScript](https://www.typescriptlang.org): Lenguaje de programación tipado que compila a JavaScript.\n- [React Native Paper](https://callstack.github.io/react-native-paper): Librería de componentes para React Native basada\n  en Material Design.\n- [React Navigation](https://reactnavigation.org): Librería para la navegación entre pantallas en React Native.\n- [React Native Vector Icons](https://oblador.github.io/react-native-vector-icons/): Librería de iconos para React\n  Native.\n\n## Instalación\n\nPara instalar el proyecto, debes clonar el repositorio y luego instalar las dependencias con Yarn:\n\n```shell\ngit clone git@github.com:brayanhenao/ux-alarma-app-mobile.git\ncd ux-alarma-app-mobile\nyarn install\n```\n\n## Configuración\n\nReact Native requiere de cierta configuración para poder ejecutar la aplicación en un emulador o simulador. Para más\ninformación, puedes consultar la [documentación oficial](https://reactnative.dev/docs/environment-setup).\n_Solo debe seguir los pasos de Android ya que no se ha configurado iOS, por lo que si bien se puede ejecutar en iOS, no\nse garantiza que funcione correctamente._\n\nAdicionalmente el sistema de mapas con el que se cuenta es Google Maps, por lo que se requiere de una API Key para poder\nutilizarlo. Para más información, puedes consultar\nla [documentación oficial](https://developers.google.com/maps/documentation/android-sdk/get-api-key?hl=es-419).\n\nDebe exponer la API Key en una variable de entorno llamada `googleMapsApiKey=`. Para más información, puedes consultar\nla [documentación oficial](https://reactnative.dev/docs/environment-variables).\n\n## Ejecución\n\n### Ejecutar el servidor de Metro\n\nPrimero, debes ejecutar el servidor de Metro, el cual es el _bundler_ de JavaScript que viene con React Native. Para\niniciar Metro ejecuta el siguiente comando desde la raíz del proyecto:\n\n```shell\nyarn start\n```\n\no si desea configurar la variable de entorno en el mismo comando:\n\n```shell\ngoogleMapsApiKey=\"YOUR_API_KEY\" yarn start\n```\n\n### Ejecutar la aplicación\n\nDeja corriendo el servidor de Metro en su propia terminal. Abre una nueva terminal desde la raíz del proyecto y ejecuta\nel siguiente comando para iniciar la aplicación en Android o iOS:\n\n#### Para Android\n\n```shell\nyarn android\n```\n\n#### Para iOS\n\n```shell\nyarn ios\n```\n\nSi todo está configurado _correctamente_, deberías ver la aplicación corriendo en tu _Android Emulator_ o _iOS\nSimulator_ en poco tiempo, siempre y cuando hayas configurado tu emulador/simulador correctamente.\n\n_Nota: También puede usar la terminal ejecutando Metro con el comando `yarn start` y luego seleccionar la\nopción `Run on Android` con la tecla `a` o `Run on iOS` con la tecla `i` ._\n\n## Construcción\n\nDado el alcance del proyecto, solo se provee información para la construcción de la aplicación en Android (generación\ndel APK). Ten en cuenta que la variable de entorno `googleMapsApiKey` debe estar configurada para poder construir la\naplicación.\n\nPara construir la aplicación en Android debes ejecutar el siguiente comando desde la raíz del proyecto:\n\n```shell\nyarn build-android\n```\n\nO si desea hacerlo manualmente:\n\n```shell\ncd android\n./gradlew assembleRelease\n```\n\nEl archivo APK se generará en `android/app/build/outputs/apk/release/app-release.apk`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrayanhenao%2Fux-alarma-app-mobile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrayanhenao%2Fux-alarma-app-mobile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrayanhenao%2Fux-alarma-app-mobile/lists"}