Apple Music App Clone

A website showcases art collection, using react libraries. https://whispering-thicket-41770.herokuapp.com

Table of contents

• Getting Started
• Feature
• Technology
• License
• Acknowledgements

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

After having cloned or downloaded the project, open it in suitable platform (suggested: Visual Studio Code)

Installing

For Mac

• Install Node.js: Open the Terminal and type

brew install node

• Clone or download the project, open it on a suitable platform (suggested: Visual Studio Code)

• Add .env file and refer to .env.change-this to add client ID and client secret (obtain keys from Spotify).

• Enter these command lines to run locally:

  • On server side (root folder)

    npm install
    npm start
    

  • On client side (/client)

    npm install
    npm start
    

The page will reload if you make edits.
Website will be shown on your browser, running on your local host.

Feature

This website is:

• A clone of the Apple Music web app
• User can navigate to different pages with the side menu and browse music playlists

Page View

Browse Page

Listen Now Page

Radio Page

Categories Page

Playlist Page

Technology

• React
• Material-UI
• Create React App
• Web Spotify API Node.
• Web Spotify API JS.

License

This project is licensed under the MIT License - see the LICENSE file for details