Spotify Client

This project is part of John Crickett's Coding challenges.

https://codingchallenges.fyi/challenges/challenge-spotify

This is a simple Spotify client that uses the Spotify API to show profile, list playlists and a simple web player to play songs.

Table of Contents

• TechStack
• Installation
• Configuration
• Starting the server
• Building the project
• Extra commands

TechStack

• Create React App
• Typescript
• MUI
• React Router
• Spotify Typescript SDK
• Spotify Web Playback SDK

Installation

# Install dependencies
npm ci

Configuration

Create a .env.local file in the root of the project and add the following variables:

REACT_APP_SPOTIFY_CLIENT_ID=''
REACT_APP_SPOTIFY_REDIRECT_URI=''

Starting the server

# Start the dev server
npm run start

Building the project

# Build the project
npm run build

Extra commands

# Eslint
npm run lint

# Prettier
npm run format