https://github.com/joseluisgs/photo-gallery-ionic

Aplicación multiplataforma realizada con Vue.js e Ionic. Manejo de cámara y elementos nativos.
https://github.com/joseluisgs/photo-gallery-ionic

ionic typescript vuejs

Last synced: 2 months ago
JSON representation

Aplicación multiplataforma realizada con Vue.js e Ionic. Manejo de cámara y elementos nativos.

• Host: GitHub
• URL: https://github.com/joseluisgs/photo-gallery-ionic
• Owner: joseluisgs
• License: mit
• Created: 2021-05-02T07:54:59.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-03T10:38:59.000Z (about 5 years ago)
• Last Synced: 2025-07-02T03:05:33.332Z (12 months ago)
• Topics: ionic, typescript, vuejs
• Language: Vue
• Homepage: https://github.com/joseluisgs/photo-gallery-ionic
• Size: 2.4 MB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Photo Gallery Ionic

Aplicación multiplataforma realizada con Vue.js e Ionic. Manejo de cámara y elementos nativos.

[![Vue Ready](https://img.shields.io/badge/Vue.js-%20Ready-%2342b983)](https://es.vuejs.org/)

[![Ionic](https://img.shields.io/badge/Inonic-Ready-498AFF)](https://ionicframework.com)

[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178c6)](https://www.typescriptlang.org/)

[![JS Style](https://img.shields.io/badge/JS%20Style-AirBnB-ff69b4)](https://airbnb.io/javascript)

[![Licence](https://img.shields.io/github/license/joseluisgs/photo-gallery-ionic)](./LICENSE)

![GitHub](https://img.shields.io/github/last-commit/joseluisgs/photo-gallery-ionic)

- [Photo Gallery Ionic](#photo-gallery-ionic)

  - [Sobre el proyecto](#sobre-el-proyecto)

  - [Ejecución](#ejecución)

  - [Autor](#autor)

    - [Contacto](#contacto)

  - [Licencia](#licencia)

  - [Agradecimientos](#agradecimientos)

## Sobre el proyecto

Se ha realizado una aplicación multiplataforma usando Vue.js e Ionic. Además, se ha usado llamadas a elementos nativos como la cámara. El objetivo es programar una sola vez y ejecutar en distintas plataforma de la forma más rápida y sencilla posible. Las plataformas son Android y Desktop.

![img](./images/img01.png)

![img](./images/img02.png)

![img](./images/img03.png)

![img](./images/img04.png)

## Ejecución

- Ejecución Desarrollo: ionic serve

- Creación de Ejecutable: ionic build

- Electron: npx cap open @capacitor-community/electron

- Crear ejecutable nativo de Electron: En la carpeta electron, leer su package.json

- Añadir una plataforma, como android (ya está): ionic cap add android

- Copiar a la nueva plataforma: ionic build & ionic cap copy

- Sincronizar con la plataforma: ionic cap sync

- Abrir Android Studio o ItellIJ: ionic cap open android

- Abrir Android en modo live serve, desarrollo: ionic cap run android -l --external

- Docker: docker run -it -p 8080:8080 --rm --name photo-gallery joseluisgs/vphoto-gallery-ionic

- Docker Compose: docker-compose up -d

## Autor

Codificado con :sparkling_heart: por [José Luis González Sánchez](https://twitter.com/joseluisgonsan)

[![Twitter](https://img.shields.io/twitter/follow/joseluisgonsan?style=social)](https://twitter.com/joseluisgonsan)

[![GitHub](https://img.shields.io/github/followers/joseluisgs?style=social)](https://github.com/joseluisgs)

### Contacto



  Cualquier cosa que necesites házmelo saber por si puedo ayudarte 💬.





    

        

       

    

        

       

    

        

        

    

        

    



## Licencia

Este proyecto esta licenciado bajo licencia **MIT**, si desea saber más, visite el fichero

[LICENSE](./LICENSE) para su uso docente y educativo.

## Agradecimientos

Proyecto basado en parte de los ejemplos de [Ionic Framework](https://ionicframework.com/docs/vue/your-first-app)