Skip to content

Create high quality playlist covers in a breeze

Notifications You must be signed in to change notification settings

LBeul/plover-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Create high quality playlist covers in a breeze

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published