fontah

Font-ah!

ต้นแบบข้อความอย่างรวดเร็วโดยใช้การตั้งค่าแบบสุ่ม ใช้เพื่อค้นหาแบบอักษร/สี/ขนาดสำหรับข้อความในสถานที่เดียวด้วยความช่วยเหลือเล็กน้อยจาก ... โชคชะตา

แค่:

• ป้อนข้อความ
• ใช้ปุ่มในส่วนหัวเพื่อเปลี่ยนสีขนาดและตัวอักษร
• คัดลอกฟอนต์และสีพารามิเตอร์จากส่วนท้าย
• ส่งลิงค์และแบ่งปันการเปลี่ยนแปลงแบบเรียลไทม์

แหล่งที่มาแบบอักษรที่รองรับ:

• Google Fonts (ดาวน์โหลดในเครื่องเพื่อหลีกเลี่ยงการแชร์ Api-Key)
• typekit
• แหล่งข้อมูลอื่น ๆ ? ปัญหาโปรด!

มันทำอย่างไร

ทำด้วย Hyperapp, สาขา V2

อะไรต่อไป

นี่คือแนวคิดบางอย่างเกี่ยวกับวิธีการปรับปรุงโครงการ:

• เพิ่ม/ลดขนาดตัวอักษรแทนขนาดสุ่ม
• ใช้การสมัครสมาชิก HyperApp เพื่อประหยัดบนฐาน Firebase
• เป็นมิตรกับมือถือ (มากหรือน้อย)
• แบ่งปันงานของคุณ (URL) และทำงานร่วมกับลิงค์ที่ไม่ซ้ำกัน (Firebase Backed)
• แจ้งผู้ชมหน้า
• ทำงานโดยไม่มีแบ็กเอนด์ Firebase ในกรณีที่โควต้าหมดอายุ - มาดูกันว่ามันใช้งานได้หรือไม่
• การจัดการข้อผิดพลาดเกี่ยวกับเอฟเฟกต์ (โควต้า Firebase, Font Load Failure) - มาดูกันว่ามันใช้งานได้หรือไม่
• ปรับการตั้งค่า Firestore
• การรวมกันของ upvote
• บุ๊กมาร์กพร้อมกับความเพียรของพื้นที่เก็บข้อมูลในท้องถิ่น
• ประวัติรวม
• คัดลอก CSS
• ใช้การสมัครสมาชิก HyperApp สำหรับการเปลี่ยนแปลงสื่อใน JS
• PWA
• แบ็กเอนด์ Couchdb?

วิธีเรียกใช้ในพื้นที่

โคลน repo:

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

ไฟล์ src/fbconfig.js มีคีย์ Firebase API เพื่อบันทึกสถานะแอปพลิเคชัน คุณสามารถค้นหาของคุณได้ในคอนโซล Firebase ของคุณ

หากคุณไม่สามารถตั้งค่า Firebase ให้ใช้แท็ก nobackend ที่ไม่มีคุณสมบัติ "แบ่งปัน"

สร้างมัน:

npm run build

จากนั้นให้บริการ:

npm start