NaxChatApp

• Código multiplataforma.
• Facil de instalar en tu celular desde la página web a través de un toast.
• Comportamiento offline con indexedDB y cache manejado por service worker.
• Recibe notificaciones push en 2do plano con fcm send y api alojada en heroku con nodeJs en versión pwa.
• Chats codificados para privacidad.
• Envia gifs a través de la api GIPHY Developers.
• Subir fotos de la galería o cámara de tu smartphone.
• Lista de amigos y solicitudes, manda solicitudes de amistad con email o id de usuario.
• Imágenes redimensionadas a menor tamaño con librería redimJs a tamaño thumbnails.
• Comparte la aplicación con tus amigos!

Pwa

Demo online | Descargar

Android

Capacitor | Cordova

Pre-requisitos 📋

• NodeJs
• Quasar

Instalación 🔧

Posterior a instalar quasar ejecute en la consola

quasar create carpeta

Desarrollo 📦

cd carpeta
quasar dev

No olvides configurar tu proyecto de firebase en boot/firebase.js (Puedes poner la configuración en otra parte, yo la puse ahí)

Producción

Pwa

quasar build -m pwa

El codigo compilado se ubica en ./dist

Deploy móvil

quasar build -m [capacitor|cordova] -T [android|ios]

Deploy se ubica en la carpeta dist/capacitor

Electron (.exe)

quasar build -m electron

Herramientas usadas

• VueJs (2 y 3)
• Quasar (1 y 2)
• Vuex (3 y 4)
• Firebase 8.9
• Javascript ES6+
• NodeJs 14
• Apis Rest (gyphy dev, fcm send, api propia con nodeJs)
• Service workers (notis push 2do plano)

Github 📌

Uso GIT para control de versiones. Puedes ver los comandos que uso aqui

Agradecimientos a github por tener este proyecto en la nube.

Licencia 📄

Este proyecto está bajo la Licencia (MIT)

App desarrollada por Ignacio Labra