Skip to content

Latest commit

 

History

History
32 lines (20 loc) · 1.32 KB

README.md

File metadata and controls

32 lines (20 loc) · 1.32 KB
Raw

Plover

Check out Plover's live demo

Plover

What is this?

Like millions of other people, I'm a heavy user of Spotify. However, everytime I create a playlist I have to manually design a neat cover image because I just don't like the default one. Plover aims to automate this process.

How does that work?

All you need to provide is your playlist's name and a keyword for the picture search. Plover than consults the Unsplash API to find a suitable background image. This image then gets resized, darkened and labelled.

TechStack

  • ⚛️ React and TypeScript to power the whole thing
  • 🧪 testing-library to make sure everything gets renderd correctly
  • 💅 styled-components to make the components prettier without CSS modules
  • 📸 html-to-dom to download the created cover art

Fetching Pictures

To get started and be able to fetch pictures from Unsplash's API, you have to request an API key. Set up a file called keys.js in the /src directory and store your API key as value of keys.unsplashAccessKey. After that, you should be able to call the API.

const keys = {
  unsplashAccessKey: "YOUR_PERSONAL_UNSPLASH_API_KEY",
}

export default keys