ALPHA Cast

ALPHA Cast 讓喜愛收聽 Podcast 的使用者，可以自訂節目分類、收藏單集，以及線上播放單集。

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• Login and get access to songs or podcast in the Spotify
• Create, delete, and edit bookmark and collect favorite songs.
• Playing songs on the spotify.

Screenshot

Links

• Solution URL: https://github.com/Chious/capstone-alphacast
• Live Site URL: https://capstone-alphacast.vercel.app

My process

Built with

• Semantic HTML5 markup
• SASS - manage css setting
• React Router DOM - efficient to manage mutiple page
• axios - fetch data from API
• Mobile-first workflow
• React - JS library
• MUI - For styles

Useful resources

1. Downgrade React Vite from v18 to v17 -- to apply react-swipeable-views

2. Emoji Picker

3. getBoundingClientRect() -- help to place MenuList.

Development resources

• 設計稿（密碼：alphacamp）
• Spotify for Developers - Web API Documentation
• Spotify GitHub web-api-examples

others

1. API Docs.md ：了解目前的 API 規格
2. __tests__/ ：開發中的驗證標準

Author

• Github - Chiou Jia Sheng