fontah

FONT-AH!

Prototype rapidement un texte à l'aide de paramètres aléatoires. Utilisez-le pour trouver une combinaison de police / couleur / taille pour un texte en un seul endroit, avec un peu d'aide de ... Fate.

Juste:

• Entrez le texte
• Utilisez les boutons de l'en-tête pour changer les couleurs, la taille et la police
• Copier la police et les paramètres de couleur du pied de page
• Envoyez le lien et partagez des modifications en temps réel

Sources de polices prises en charge:

• Google Fonts (téléchargé localement pour éviter de partager l'api-key)
• Typekit
• Autres sources? Problème s'il vous plaît!

Comment c'est fait

Fabriqué avec HyperApp, Branche V2.

Quelle est la prochaine étape

Voici une idée de la façon d'améliorer le projet:

• augmenter / diminuer la taille de la police au lieu de la taille aléatoire
• Utilisez des abonnements HyperApp pour économiser sur Firebase
• convivial (plus ou moins)
• Partagez votre travail (URL) et collaborez avec un lien unique (Firebase soutenu)
• informer les téléspectateurs de page
• Travaille sans backend Firebase en cas d'expiration du quota - Voyons si cela fonctionne
• Gestion des erreurs sur les effets (quota de base de base, défaillance de la charge de police) - Voyons si cela fonctionne
• régler les paramètres Firestore
• combinaison de vote up
• Bookmarks, avec persévérance de stockage local
• Combinaisons l'histoire
• Copier CSS
• Utilisez des abonnements HyperApp pour le changement de média dans JS
• Pwa
• Backend Couchdb?

Comment l'exécuter localement

Cloner le repo:

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

Le fichier src/fbconfig.js contient la clé API Firebase, afin d'enregistrer l'état de l'application. Vous pouvez trouver le vôtre dans votre console Firebase.

Si vous ne pouvez pas configurer Firebase, utilisez la balise nobackend qui n'a pas la fonction "Partager".

Construisez-le:

npm run build

Puis servez-le:

npm start