{
  "slug": "genre-checker",
  "name": "Genre checker",
  "shortDescription": "Search for an artist and see the genres they are tagged with, using the Spotify API.",
  "creationDate": "2020-12",
  "liveUrl": "https://genre-checker.netlify.app",
  "sourceCodeUrl": "https://github.com/icanseetime/genre-checker-react",
  "category": {
    "slug": "private",
    "name": "Private"
  },
  "skills": [
    {
      "slug": "css",
      "name": "CSS",
      "type": "language",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/c1782f3809becf7446a0ff6fc8a38a28f319f5aa-1000x1000.svg",
        "width": 1000,
        "height": 1000
      },
      "brandColor": "#663399"
    },
    {
      "slug": "javascript",
      "name": "JavaScript",
      "type": "language",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/041b1fc21a460c50d6231f6c30666e4b46272708-630x630.svg",
        "width": 630,
        "height": 630
      },
      "brandColor": "#F7DF1E"
    },
    {
      "slug": "react",
      "name": "React",
      "type": "framework",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/4b45e2040cfef06a80f4539d5075579e7becbe83-23x20.svg",
        "width": 23,
        "height": 20
      },
      "brandColor": "#61DAFB"
    },
    {
      "slug": "netlify",
      "name": "Netlify",
      "type": "hosting",
      "logo": {
        "url": "https://cdn.sanity.io/images/94tq599c/production/c457e5d356dc0a47aa4ac9bd6ee339a20bc6d8b4-128x113.svg",
        "width": 128,
        "height": 113
      },
      "brandColor": "#00C7B7"
    }
  ],
  "content": "⚠️ This site is now non-functional, since I cancelled my Spotify subscription in favor of self-hosting my own music. [Read more about my homelab here.](/projects/homelabbing)\n\nI was having a hard time figuring out the music genres of some artists I liked, so I build a “genre checker” where you can lookup artists and see their related genres, using the Spotify API. \n\nI originally built this project using pure HTML/CSS/JavaScript when I wanted to learn how to interact with APIs, and then re-built it later using React to learn about components and layouts."
}