/musify-app

Musify App is a Spotify clone, that consume Spotify API to search tracks and create a playlist in your Spotify account. Also my final project submission for Generasi GIGIH.

Primary LanguageTypeScript

Musify

Musify App is Spotify clone, that consume Spotify API to search tracks and create a playlist in your Spotify account. Also my final project submission for Generasi GIGIH.

Screenshots

Preview Image

Preview Image

Preview Image

Preview Image

Preview Image

Preview Image

Features

  • 🚪 Login for authorize Spotify account
  • 🔍 Search tracks
  • 🎵 Tracks ➡️ image, title, artist, duration, button, and link redirect to Spotify
  • 🎶 Create playlists ➡️ add multiple selected tracks
  • 👤 User profile ➡️ avatar and display name
  • 🏃‍♀️ Logout Spotify account

Installation

  • Clone the project

       git clone https://github.com/rachmadzii/musify-app.git
  • Go to the project directory

       cd musify-app
  • Install dependencies

       npm install
  • Set up the environment variables

    REACT_APP_API_KEY contains Spotify Client ID

  • Start the server

       npm start
  • Open http://localhost:3000 with your browser to see the result

Testing

Run npm test for launches the test runner in the interactive watch mode.

Additional Info

This project is refactoring of my previous Spotify App Generasi GIGIH homework here

Feedback

If you have any feedback, you can create issue(s) here