Ionic Starter por @ionic-dominicana 🌴💚🈁

February 11, 2021 · View on GitHub

⚡️ Cross-Platform Apps con JS/Web para 🇩🇴 con 💪 ⚡️

Este baseline de Ionic supone que ya puede lanzar proyectos móviles con todos los poderes activos! Con un espacio de trabajo de Angular aprobado por los documentos oficiales de Angular. :)

enter image description here

Antes que nada, échese una miradilla táctica con Capacitor Platform:

The Native Bridge for Cross-Platform Web Apps

Invoca SDKs sobre iOS, Android, Electron, y la Web con un sólo código base. Optimizado para Aplicaciones de Ionic Framework como esta, o uso con cualquier framework de aplicación web. ;) ¡Eso es Capacitor! Y como dicen en las películas de los 90s: "Esto apenas es el principio del fin". 😎

TO DO

✅ Estructura mono-repo básica

✅ Últimas versiones de paquetes para Ionic 5.31 + Angular 11.2,

✅ Reglas básicas del Linter,

✅ Reglas básicas del Prettier,

✅ Firebase integrado,

✅ Configuración básica de Firebase,

✅ Configuración básica de Docker,

✅ Archivos Specs de Angular como sintaxis legada, actualizada con buenas prácticas,

✅ Script para ejecución de HMR,

✅ State Management (AKITA, obviamente 😇),

✅ Archivos "environment" extendidos para todos (/dev /qa /prod), incluyendo valores por defecto de firebase,

✅ Scripts de compilación para plataformas Android y iOS,

✅ Scripts de generación de certificado Android,

✅ Scripts de ejecución para plataformas Android y iOS,

✅ Scripts para configuración de plataformas,

✅ Scripts para revisión de estilos y análisis de archivos TS/ES,

✅ ESLint integrado que reemplaza a TSLint en proyectos Angular

✅ BONUS: Prettier formatter integrado para complementar a ESLint y habilitado cuando ejecute ESLint, limpiar su código o en su pipeline de CI

✅ Archivos y configuraciones de fábrica (CLI) formateados y limpios con últimas reglas del ESLint/Prettier

✅ Integración de Tailwind para utilidades y componentes en CSS,

🔲 Incluir utilidades comunes de Javascript basado en helpers y servicios,

🔲 Login Page base,

🔲 Autenticación incluida con JWT,

🔲 Lógica de sesión base en interceptores,

🔲 Control de autenticación y autorización,

🔲 Integrar NX para cumplir con el concepto arquitectónico mono-repositorio completo.

Getting Started

Instalar / Actualizar

✏️ Ejecutando la aplicación por primera vez:

Antes que nada, recordar que debe acceder a la raíz del proyecto con el siguiente comando:

cd projects/ionic-starter

1er) Paso (instalar todos los paquetes/dependencias de node.js):

npm install && npm install -g @ionic/cli@latest

2do) Paso (compilar en modo /development antes de ejecutar):

npm run build:mobile

3er) Paso (ejecutar la aplicación en el navegador en modo /development):

npm run start:mobile

4to) Ejecutar la aplicación en un dispositivo iOS:

npm run start:ios:live

Dispositivo Android:

npm run start:android:live

💖 Estado actual del UI: 💖

Captura principal de la applicación

Supports

Capacitor Supports

Contributing

Contribuir para Ionic Dominicana puede implicar escribir TypeScript, Swift, Java/Kotlin y/o Markdown dependiendo del componente en el que esté trabajando. ¡Estamos buscando inmensa ayuda en cualquiera de estas áreas para forjar este proyecto para la Madre de Todas las Tierras 🌴!

Por favor, lea la guía Contributing para obtener más información.

Dona con PayPal