Repotify

A React/Redux app which lets clients search for their favorite artist and get their top ten tracks with previews.

Table of contents

• General Info
• Address
• Technologies
• Setup
• Features
• Screenshots
• Usage
• License
• Contact

General Info

This React/Redux app uses the Spotify API to let clients search any artist's name and get their top ten tracks. By using the Spotify Embed they can play and share the tracks with others.

Address

https://repotify.netlify.app/

Technologies

Project is created with:

• React v17.0.2
• Redux 4.1.2
• React-Redux v7.2.6
• @Reduxjs/Toolkit v1.6.2
• npm v6.14.15
• VSCode 1.62.3

Setup

Installation

To run this project, install it locally using npm:

$ cd ../repotify
$ npm install
$ npm start

Environment Variables

The following variables are required to run the program:

• REACT_APP_CLIENT_ID
• REACT_APP_CLIENT_SECRET

Both are required to fetch data from Spotify. Check here to learn more.

Features

• Get the top ten tracks of the searched artist
• Play the tracks
• Share the tracks and view them in Spotify

Screenshots

Usage

Useful for getting the gist of an artist's voice by listening to the preview of their top tracks.

License

Distributed under the MIT License.

Contact

Created by n-ii-ma

Feel free to contact me!