Skip to content
master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ipod_og

by Tanner Villarete | LinkedIn | Website

Before the days of streaming services, we relied on physical devices to store our limited libraries of music. Now with the streaming age, we no longer rely on physical storage and have endless hours of songs at our disposal. This project is an homage to the good 'ol days. A mix of the old and new. Experience the iPod Classic you used to own that now connects to Spotify and Apple Music — the two most popular music streaming platforms in the world.

I built this thing to be very extensible – to the point where it can even run games (like brick!). In the future I might consider adding a few more little apps and easter eggs (theming?).

ipod

Details

Here's a breakdown of the Full Stack:

Frontend:

  • JS: TypeScript, React (Hooks, Context)
  • CSS: Styled Components, Framer Motion (for some of the animations)
  • Textures/Icons: All SVGs created by me in Figma
  • API: Spotify Web Playback SDK / Apple MusicKit JS

Running Locally

NOTE

If you want to develop locally with this project, you'll need to supply an Apple Developer Token using the token query parameter. See https://developer.apple.com/documentation/applemusicapi/getting_keys_and_creating_tokens

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

About

An iPod Classic that connects to Apple Music and Spotify. Built with React & Styled Components

Topics

Resources

License

Releases

No releases published

Packages

No packages published