fontah

Фонт-ах!

Быстро прототипируйте текст, используя случайные настройки. Используйте его, чтобы найти комбинацию шрифта/цвета/размера для текста в одном месте, с небольшой помощью ... судьба.

Только:

• Введите текст
• Используйте кнопки в заголовке, чтобы изменить цвета, размер и шрифт
• Скопируйте шрифт и цветные параметры из нижнего колонтитула
• Отправить ссылку и поделиться изменениями в реальном времени

Поддерживаемые шрифты Источники:

• Google Fonts (загруженные локально, чтобы не обмениваться апи-ключом)
• Типкит
• Другие источники? Выпуск, пожалуйста!

Как это сделано

Сделано с HyperApp, ветвью V2.

Что дальше

Вот некоторые идеи о том, как улучшить проект:

• увеличить/уменьшить размер шрифта вместо случайного размера
• Используйте подписки HyperApp для сохранения на Firebase
• мобильный дружелюбный (более или менее)
• Поделитесь своей работой (URL) и сотрудничайте с уникальной ссылкой (поддерживается Firebase)
• Уведомить зрители страниц
• Работайте без бэкэнда Firebase в случае истечения срока квоты - давайте посмотрим, работает ли это
• Управление ошибками по эффектам (квота Firebase, сбой загрузки шрифта) - посмотрим, работает ли она
• Настройтесь настройки Firestore
• комбинация UPVOTE
• закладки, с местной настойчивостью хранения
• Комбинации история
• копировать CSS
• Используйте подписки HyperApp для изменения медиа в JS
• PWA
• CouchDB Backend?

Как запустить его на местном уровне

Клонировать репо:

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

File src/fbconfig.js содержит ключ API Firebase, чтобы сохранить состояние приложения. Вы можете найти свою в своей консоли Firebase.

Если вы не можете настроить Firebase, используйте тег nobackend , у которой нет функции «Share».

Постройте это:

npm run build

Тогда подайте это:

npm start