Chorus

2024/03 Kloudハッカソン#4 / Ersteller

デザイン賞

音楽がユーザー交流の架け橋・まだ知らない音楽との架け橋となるSNS。
Spotify APIを利用しているため、 Spotify上にある全ての楽曲が使用可能です。
楽曲にコメントをつけてユーザー同士が投稿できます。

搭載した機能
全体
・全てのページでレスポンシブデザインを搭載
Home
ユーザーが投稿した楽曲が表示されるビュー
・スマホ版は3列で表示
・アルバムアートをタッチして、楽曲ページへ

Song
楽曲ごとに情報や投稿を閲覧するビュー
・アーティスト名・アルバム名からページ移動
・Spotify埋め込みより、楽曲プレビュー
・他のアルバムに収録された同一楽曲を確認
・ページ内から投稿ページへ移動


Search
コンテンツを検索するビュー
・コンテンツ種類ごとに分けて表示
・Spotifyリンクを直接貼り付け、適切なページへリダイレクト

Spotify
ユーザーのプレイヤーを操作するビュー
・Spotify OAuth 2.0認証より、過去に再生した楽曲を取得
・再生中は再生楽曲と現在のキューを表示
・Spotify Premiumユーザーは再生や一時停止、曲戻し、曲送り可能

My Library
Spotifyのマイライブラリを表示するビュー
・お気に入りやフォローしたものを表示
・楽曲はまとめてフォロー可能


ハッカソン
Kloudハッカソンは高専生限定と、参加者が絞られており、比較的 初めてでも参加しやすいハッカソンでした。
また、プロダクトの見た目だけでなく、音楽で繋がるというアイデア面でも評価を頂き、デザイン賞を受賞しました。



感想
APIのOAuth認証やNginx、gunicornなど初めて使用する技術も多かったが、最終的にプロダクトを完成させられて良かったです。
今後は、フロントエンドのReactやNext.jsを使用したアプリケーションも作ってみたいと思いました。

追記
本ハッカソンでの成績が香川高専HPへ学生の活躍として掲載されました。
下記リンクより是非ご覧ください。
情報工学科｜香川高等専門学校

使用技術

インフラストラクチャ

GitHub