fontah

Font-ah!

Prototipe dengan cepat teks menggunakan pengaturan acak. Gunakan untuk menemukan kombinasi font/warna/ukuran untuk teks di satu tempat, dengan sedikit bantuan dari ... nasib.

Hanya:

• masukkan teks
• Gunakan tombol di header untuk mengubah warna, ukuran dan jenis huruf
• Salin font dan warna params dari footer
• Kirim tautan dan bagikan perubahan dalam waktu nyata

Sumber Font yang Didukung:

• Google Fonts (diunduh secara lokal untuk menghindari berbagi key)
• Typekit
• Sumber lain? Masalahnya!

Bagaimana itu dibuat

Dibuat dengan HyperApp, V2 Cabang.

Apa selanjutnya

Berikut adalah beberapa ide tentang cara meningkatkan proyek:

• Tingkatkan/Kurangi Ukuran Font, bukan ukuran acak
• Gunakan Langganan HyperApp untuk Menyimpan di Firebase
• Mobile-Friendly (kurang lebih)
• Bagikan pekerjaan Anda (URL) dan berkolaborasi dengan tautan unik (Firebase didukung)
• Beri tahu pemirsa halaman
• Bekerja tanpa firebase backend jika terjadi kehakiman kuota - mari kita lihat apakah itu berhasil
• Manajemen Kesalahan pada Efek (Kuota Firebase, Kegagalan Beban Font) - Mari kita lihat apakah itu berhasil
• Tune Firestore Settings
• Kombinasi Upvote
• bookmark, dengan kegigihan penyimpanan lokal
• Sejarah Kombinasi
• Salin CSS
• Gunakan Langganan HyperApp untuk perubahan media di JS
• PWA
• Backend CouchDB?

Cara menjalankannya secara lokal

Kloning repo:

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

File src/fbconfig.js berisi kunci API Firebase, untuk menyimpan status aplikasi. Anda dapat menemukan milik Anda di konsol firebase Anda.

Jika Anda tidak dapat menyiapkan Firebase, gunakan tag nobackend yang tidak memiliki fitur "Bagikan".

Bangun:

npm run build

Kemudian sajikan:

npm start