Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bryandelgado99/ionllery-
A simple camera app developed with Ionic Framework
https://github.com/bryandelgado99/ionllery-
angular camera capacitor gallery ionic typescript
Last synced: 3 months ago
JSON representation
A simple camera app developed with Ionic Framework
- Host: GitHub
- URL: https://github.com/bryandelgado99/ionllery-
- Owner: bryandelgado99
- Created: 2024-05-17T04:27:52.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-17T05:29:07.000Z (8 months ago)
- Last Synced: 2024-10-13T23:01:14.620Z (3 months ago)
- Topics: angular, camera, capacitor, gallery, ionic, typescript
- Language: TypeScript
- Homepage:
- Size: 20.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🖼️ Ionllery - Ionic + Angular Photo Gallery
Aplicación móvil diseñada para usarse como galeria de fotos sencilla y rápida.
## 🖥️ Tecnologias
[![My Skills](https://skillicons.dev/icons?i=angular,androidstudio,nodejs,vscode,html,js,css,md,npm,ts,vue)](https://skillicons.dev)
## 📩 Instalación
- Primero, se debe dirigir a la carpeta del proyecto con el comando
```bash
cd photo/gallery
```- Posteriormente, se debe correr el comando
```bash
npm install
```
Una vez listo se puede utilizar todos los elementos proporcionados en la aplicación.## 🎦 Capturas de pantalla del programa
![App Screenshot](https://github.com/bryandelgado99/Ionllery-/blob/master/images/Captura%20de%20pantalla%202024-05-16%20230223.png?raw=true)
![App Screenshot](https://github.com/bryandelgado99/Ionllery-/blob/master/images/Captura%20de%20pantalla%202024-05-16%20230244.png?raw=true)
![App Screenshot](https://github.com/bryandelgado99/Ionllery-/blob/master/images/Imagen%20de%20WhatsApp%202024-05-16%20a%20las%2023.17.46_709034a2.jpg?raw=true)## Video del funcionamiento
![App Screenshot](https://github.com/bryandelgado99/Ionllery-/blob/master/images/VideodeWhatsApp2024-05-16alas23.17.42_9953c7e2-ezgif.com-video-to-gif-converter.gif?raw=true)### 📱 Dispositivo Real
- Android version: 12 ext 11
- SDK version: 31
- Device: TECNO Pova 4
# 📒 Conclusiones### Nataly Casillas
Al desarrolar esta aplicacion aprendimos varios como de ionic como Storage nos permite almacenar datos de manera local en el navegador y sin necesidad de realizar alguna conexión a una base de datos. Al utilizar la apliacion desarrollada por nosotros nos podemos ir dando cuenta durante el proceso todos los componentes que utilizamos para llevar a cabo nuestro proyecto y asi poner a prueba nuestros conocimientos.
### Bryan Delgado
Ionic proporciona una rica colección de componentes y una interfaz de usuario que permite a los desarrolladores crear aplicaciones móviles con una apariencia nativa y una experiencia de usuario fluida. Con Angular, los desarrolladores pueden beneficiarse de un marco estructurado y modular, lo que facilita la gestión del estado y la lógica de la aplicación. Capacitor, por su parte, simplifica la integración de funcionalidades nativas y permite la implementación en múltiples plataformas, lo que reduce significativamente el tiempo de desarrollo y los costos asociados.
La combinación de estas tecnologías facilita el mantenimiento y la escalabilidad de la aplicación. La arquitectura basada en componentes de Angular permite reutilizar y actualizar componentes de forma eficiente, mientras que Ionic y Capacitor aseguran que la aplicación se mantenga actualizada con las últimas tecnologías y estándares nativos.
### Mateo Miño
El uso de tecnologias nuevas para poder desarrollar nuevas plicaciones, en este caso una desarrollada con Ionic, da una mejor experiencia tanto para el desarrollador como para el usuario.
## Autores- [@Mino-Mateo](https://github.com/Mino-Mateo)
- [@bryandelgado99](https://github.com/bryandelgado99)
- [@natycasillas](https://github.com/natycasillas)