fontah

¡Font-ah!

Prototipo rápidamente un texto usando configuraciones aleatorias. Úselo para encontrar una combinación de fuente/color/tamaño para un texto en un solo lugar, con un poco de ayuda del ... destino.

Justo:

• Ingrese el texto
• Use los botones en el encabezado para cambiar los colores, el tamaño y la tipografía
• Copiar la fuente y los parámetros de color del pie de página
• Enviar el enlace y compartir cambios en tiempo real

Fuentes de fuentes compatibles:

• Google Fonts (descargado localmente para evitar compartir API-Key)
• Typekit
• otras fuentes? ¡Problema por favor!

Como se hace

Hecho con HyperApp, rama V2.

¿Qué sigue?

Aquí hay una idea sobre cómo mejorar el proyecto:

• Aumentar/disminuir el tamaño de la fuente en lugar del tamaño aleatorio
• Use suscripciones HyperApp para guardar en Firebase
• apto para dispositivos móviles (más o menos)
• Comparta su trabajo (URL) y colabora con un enlace único (Firebase respaldado)
• Notificar a los espectadores de la página
• Trabajar sin backend de Firebase en caso de vencimiento de la cuota: veamos si funciona
• Gestión de errores en efectos (cuota de firebase, falla de carga de fuente) - Veamos si funciona
• Tune Firestore Configuración
• combinación de voto
• Marcadores, con persistencia de almacenamiento local
• historia de combinaciones
• Copiar CSS
• Use suscripciones HyperApp para el cambio de medios en JS
• PWA
• ¿Backend de CouchDB?

Cómo ejecutarlo localmente

Clon el repositorio:

git clone https://github.com/ddmng/fontah.git
cd fontah/

Archivo src/fbconfig.js contiene la clave API de Firebase para guardar el estado de la aplicación. Puedes encontrar el tuyo en tu consola Firebase.

Si no puede configurar Firebase, use la etiqueta nobackend que no tiene la función "Compartir".

Construirlo:

npm run build

Entonces servirlo:

npm start