posterfy

โปสเตอร์

สร้างโปสเตอร์ที่น่าทึ่งของอัลบั้มโปรดของคุณที่ขับเคลื่อนโดย API ของ Spotify

---

- ภาพรวม

Posterfy เป็นเว็บแอปพลิเคชันโอเพนซอร์ซที่ช่วยให้ผู้ใช้สามารถสร้างโปสเตอร์ที่ดึงดูดสายตาสำหรับอัลบั้มเพลงโปรดของพวกเขา ขับเคลื่อนโดย API ฟรีของ Spotify Posterfy ช่วยให้ผู้ใช้สามารถค้นหาอัลบั้มรวบรวมข้อมูลอัลบั้มและจัดระเบียบข้อมูลเป็นโปสเตอร์ที่กำหนดเองโดยใช้องค์ประกอบ HTML Canvas

โครงการนี้เป็นการศึกษาไม่ใช่เชิงพาณิชย์และเปิดรับการสนับสนุนอย่างเต็มที่ สิทธิ์ทั้งหมดในภาพและข้อมูลเป็นของ Spotify และศิลปินที่เกี่ยวข้อง

---

- ผลลัพธ์ที่เป็นไปได้

นี่คือตัวอย่างของโปสเตอร์ที่สร้างขึ้นโดยโปสเตอร์ฟีเป็นอย่างไร:

---

- API และเครื่องมือที่ใช้

• Spotify API : ใช้ในการค้นหาอัลบั้มและดึงข้อมูลที่จำเป็นเช่นชื่ออัลบั้มศิลปินและรูปภาพ

• HTML Canvas : จัดระเบียบข้อมูลที่รวบรวมด้วยสายตาโดยการแสดงผลเป็นรูปแบบโปสเตอร์โดยใช้ JavaScript บนผืนผ้าใบ

---

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

1⃣ ค้นหาอัลบั้ม : ผู้ใช้ป้อนชื่ออัลบั้มที่พวกเขาต้องการสร้างโปสเตอร์

2⃣ เลือกอัลบั้ม : Posterfy แสดงผลการค้นหาและผู้ใช้สามารถเลือกอัลบั้มที่ต้องการได้

3⃣ การรวบรวมข้อมูล : เมื่อเลือกอัลบั้มแล้วโปสเตอร์เฟตดึงข้อมูลและรูปภาพที่จำเป็นทั้งหมดจาก API ของ Spotify

4⃣ องค์กรภาพ : ข้อมูลที่รวบรวมจะถูกจัดระเบียบด้วยสายตาเป็นเลย์เอาต์ที่กำหนดเองโดยใช้องค์ประกอบ HTML Canvas

5⃣ การสร้างโปสเตอร์ : ในที่สุดภาพที่แสดงผลของโปสเตอร์ถูกสร้างขึ้นซึ่งผู้ใช้สามารถบันทึกหรือแชร์ได้

---

❓ คำถามที่พบบ่อย

ถาม: ฉันสามารถใช้โปสเตอร์โดยไม่มีบัญชี Spotify ได้หรือไม่?
ตอบ: ใช่คุณไม่จำเป็นต้องมีบัญชี Spotify เพื่อสร้างโปสเตอร์ แต่คุณจะต้องตั้งค่าข้อมูลรับรอง Spotify เพื่อเรียกใช้แอพในเครื่อง

ถาม: เป็นไปได้ไหมที่จะสร้างโปสเตอร์ด้วยอัลบั้มที่กำหนดเอง?
ตอบ: ปัจจุบันโปสเตอร์รองรับอัลบั้มจากฐานข้อมูลของ Spotify เท่านั้น ยังไม่รองรับอัลบั้มที่กำหนดเอง

ถาม: รูปแบบไฟล์ใดที่ฉันสามารถส่งออกโปสเตอร์ได้
ตอบ: โปสเตอร์สามารถส่งออกเป็นภาพ PNG

⚡ ใช้มัน!

คุณสามารถลองใช้ Posterfy Live บนหน้า GitHub โดยไปที่ลิงค์นี้

เพื่อเริ่มใช้โครงการในพื้นที่:

1. โคลนที่เก็บ:

   git clone https://github.com/avictormorais/posterfy.git

2. นำทางไปยังไดเรกทอรีโครงการ:

    cd posterfy

3. ติดตั้งการอ้างอิง:

   npm install

4. สร้างไฟล์. env ในไดเรกทอรีรูทและเพิ่มข้อมูลรับรอง Spotify API ของคุณเช่นใน. env.exemple:

   VITE_SPOTIFY_CLIENT_ID==your_spotify_client_id
   VITE_SPOTIFY_CLIENT_SECRET=your_spotify_client_secret

5. เรียกใช้โครงการในพื้นที่:

   npm start

- การบริจาค

เรายินดีต้อนรับการมีส่วนร่วมในการโปสเตอร์! หากคุณต้องการมีส่วนร่วมโปรดทำตามขั้นตอนเหล่านี้:

1. แยกที่เก็บ
2. สร้างสาขาใหม่ ( git checkout -b feature-branch )
3. ทำการเปลี่ยนแปลงของคุณและกระทำพวกเขา ( git commit -am 'Add new feature' )
4. กดไปที่สาขา ( git push origin feature-branch )
5. เปิดคำขอดึง

โปรดตรวจสอบให้แน่ใจว่ารหัสของคุณผ่านการทดสอบทั้งหมดและปฏิบัติตามคู่มือสไตล์ของโครงการ

- ข้อจำกัดความรับผิดชอบ

• ? ️ไม่แสวงหาผลกำไร -โครงการนี้ทำขึ้นเพื่อการศึกษาและไม่ใช่เชิงพาณิชย์ สิทธิทั้งหมดสำหรับภาพและข้อมูลเป็นของ Spotify และศิลปินที่เกี่ยวข้อง

• - การมีส่วนร่วม - ยินดีต้อนรับการมีส่วนร่วม! อย่าลังเลที่จะส่งรายงานข้อผิดพลาดการร้องขอคุณสมบัติการแปลภาษาของคุณหรือดึงคำขอ