SOUND 音樂共享

📋 目錄

1. 🤖 專案介紹
2. ⚙️ 技術棧
3. 🔋 專案功能
4. 🤸 專案設定

🤖 專案介紹

SOUND 是一個音樂共享平台，使用者可以輕鬆上傳音樂並分享，同時提供音樂編輯和評論功能，以營造一個充滿音樂熱情的社區。

⚙️ 技術棧

• Nuxt 3
• Vue 3
• TypeScript
• TailwindCSS
• GSAP
• Firebase

🔋 專案功能

👉 使用者驗證: 使用者可以註冊帳號並登入，以執行後續操作。

👉 上傳歌曲: 登入後，使用者可以在後台上傳歌曲，與他人分享自己的音樂。

👉 編輯歌曲: 上傳歌曲後，使用者可以新增封面、設定曲風並添加歌曲描述。

👉 拖拉進度: 使用者可以直覺地拖曳歌曲進度條並調整音量。

👉 發送評論: 使用者可在歌曲下方提交評論，與創作者交流心得。

👉 動態互動: 整個應用圍繞著互動，例如頁面間的流暢銜接，播放或暫停音樂時，首頁的 CD 也會同步旋轉。

🤸 專案設定

git clone 專案

git clone https://github.com/jimchen0102/sound.git
cd sound

安裝

使用 npm 安裝專案的依賴項：

npm install

設置環境變數

在專案根目錄下建立一個名為 .env.local 的新文件，並加入以下內容：

FIREBASE_API_KEY=
FIREBASE_APP_ID=
FIREBASE_AUTH_DOMAIN=s
FIREBASE_MESSAGING_SENDER_ID=
FIREBASE_PROJECT_ID=
FIREBASE_STORAGE_BUCKET=

執行專案

npm run dev

打開瀏覽器並訪問 http://localhost:3000 來查看專案。