หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

แอพมือถือ Playlist Tracker

คุณต้องการทราบการอัปเดตล่าสุดเกี่ยวกับเพลย์ลิสต์ Spotify ที่คุณชื่นชอบหรือไม่?


ใช้ได้เฉพาะสำหรับ การทดสอบเบต้า คุณอยากเข้าร่วม? ส่งอีเมลบัญชี Google Play และ Spotify ของคุณมาให้ฉันที่ [email protected]

Play Store: เปิดตัวสำหรับการทดสอบภายใน

App Store: ยังไม่ได้เปิดตัว

ภาพหน้าจอบางส่วน:




สารบัญ

  • การแนะนำ
  • คุณสมบัติ
  • กองซ้อน
  • ข้อเสนอแนะ
  • สร้างกระบวนการ

การแนะนำ

ในยุคดิจิตอลในปัจจุบันดนตรีได้กลายเป็นส่วนสำคัญในชีวิตของเราและแพลตฟอร์มสตรีมมิ่งเพลงเช่น Spotify ให้เราเข้าถึงเพลงและเพลย์ลิสต์ที่หลากหลายได้ทันที อย่างไรก็ตามการติดตามการอัปเดตสำหรับเพลย์ลิสต์ที่เราโปรดปรานอาจเป็นสิ่งที่ท้าทาย มันอยู่ในบริบทนี้ที่เรานำเสนอโครงการแอพที่น่าตื่นเต้นของเราที่พัฒนาขึ้นใน React Native: โซลูชันที่เป็นนวัตกรรมสำหรับการติดตามการอัปเดตในเพลย์ลิสต์ Spotify

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


คุณสมบัติ

  • การเชื่อมต่อ Spotify:
    แอปพลิเคชันของเราเชื่อมต่อกับบัญชี Spotify ของคุณอย่างปลอดภัยช่วยให้คุณสามารถเข้าถึงเพลย์ลิสต์ส่วนตัวของคุณและผู้ที่คุณทำเครื่องหมายเป็นรายการโปรด

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

  • การเรียกดูเพลย์ลิสต์:
    เรียกดูเพลย์ลิสต์ส่วนตัวของคุณและผู้ที่คุณทำเครื่องหมายเป็นรายการโปรดอย่างสะดวกสบายโดยตรงจากแอพ

  • มุมมองรายละเอียดเพลย์ลิสต์:
    รับมุมมองโดยละเอียดของเพลงที่ประกอบขึ้นเป็นเพลย์ลิสต์เฉพาะ ระบุการเพิ่มเติมและการลบล่าสุดได้อย่างง่ายดาย

  • การแจ้งเตือนที่กำหนดเอง:
    ไม่ต้องการพลาดการอัปเดตใด ๆ ในเพลย์ลิสต์เฉพาะหรือไม่? แอปพลิเคชันของเราช่วยให้คุณเปิดใช้งานการแจ้งเตือนที่กำหนดเองสำหรับเพลย์ลิสต์ที่เลือกเพื่อให้แน่ใจว่าคุณได้รับรู้ถึงการเปลี่ยนแปลงอยู่เสมอ

  • อินเทอร์เฟซที่ใช้งานง่าย:
    ออกแบบโดยคำนึงถึงประสบการณ์ของผู้ใช้อินเทอร์เฟซของเรานั้นง่ายต่อการนำทางและมอบประสบการณ์การใช้งานที่ราบรื่นและสนุกสนาน


กองซ้อน

  • @tanstack/react-query
  • @react-navigation
  • React-Native-App-Auth
  • react-i18next
  • React-Native-Encrypted-Storage
  • react-native-async-storage

  • React-native-handler
  • react-native-reanimated
  • @gorhom/react-native-bottom-sheet
  • React-native-swiper-flatlist
  • react-native-vector-icons

ข้อเสนอแนะ

อย่าลังเลที่จะส่งข้อเสนอแนะให้เราเกี่ยวกับ Twitter หรือยื่นปัญหา ยินดีต้อนรับคำขอคุณสมบัติเสมอ หากคุณต้องการมีส่วนร่วมโปรดดูแนวทางอย่างรวดเร็ว!

หากมีสิ่งใดที่คุณต้องการพูดคุยเกี่ยวกับโปรดเข้าร่วมแชท Gitter ของเรา!


สร้างกระบวนการ

  • ทำตามคู่มือ React Native สำหรับการเริ่มต้นสร้างโครงการด้วยรหัสดั้งเดิม จำเป็นต้องมี MAC หากคุณต้องการพัฒนาสำหรับ iOS
  • โคลนหรือดาวน์โหลด repo
  • npm install เพื่อติดตั้งการพึ่งพา
  • cd ios / pod install เพื่อติดตั้งพ็อดพ็อด (อาคาร iOS เท่านั้น)
  • npm start เพื่อเริ่มต้น Metro Bundler และเรียกใช้แอพ ( npm start -- --clear-cache จะบูตแอปพลิเคชันโดยไม่มีข้อมูลแคช
  • npm android (npx react-native run-android) เพื่อเริ่มต้น packager และเรียกใช้แอพในอุปกรณ์/เครื่องจำลอง Android
  • npm ios (npx react-native run-ios) เพื่อเริ่มต้นแพคเกจและเรียกใช้แอพในอุปกรณ์/เครื่องจำลอง Android

โปรดดูแนวทางการสนับสนุนสำหรับกระบวนการโดยละเอียดเกี่ยวกับวิธีการสร้างแอปพลิเคชันของคุณรวมถึงการแก้ไขปัญหาข้อมูล



ขับเคลื่อนโดย




ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด