{"componentChunkName":"component---src-templates-project-js","path":"/projects/livestream-radio/","result":{"data":{"markdownRemark":{"html":"<p>A <a href=\"https://livestreamradio.netlify.com/\">website</a> that allows a user to add and categorize YouTube livestreams as “stations”. Open source and maintained on <a href=\"https://github.com/sparlos/livestream-radio\">GitHub</a>.</p>\n<p>The project was written using Vue and Vuetify, a material design framework for Vue. This website allows the user to categorize and easily switch between different YouTube livestreams. This site showcases my ability to take an idea and follow through to full implementation. The project is also completely open source, and has a few contributors whose efforts I manage.</p>\n<p>Time restrictions, which compelled me to complete the build within a week, wound up being extremely beneficial for the project, forcing the most crucial features to the forefront.</p>","frontmatter":{"title":"Livestream Radio","tags":"Vue,Vuetify,SCSS,GitHub,Material Design,YouTube iframe API","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAACCUlEQVQoz21SPWsUQRgeLO3ESvwNYpHC0i4KgoWIVjYKMZ2osVE4G1EULNTDyoixCGjQpFByaECyXPDMebkv7yN3hIRsQr5u7zC37uzszO7jzMSJe+FeeJiv933mmecd0mr/RhQKVJo2rideIzllITk+gZeP7iH55BkeP3yF7u4uOOfwfV+DMaah5lQCIcP0oov6pgdCPQ9CcOxI4tl8A5klG4V6CZXiD5QW8igXG5AVCCOh87gQ8GQNpRRBEOzD/3cJYSzQiU6rg+lPFj5PzWDmSwbpdBGWtYDZb1nkftaQnS+jkK+iWshhfc1Gt+tqIqPWEBNKpWQZmWwD5PBFkEPn9kAGceTYZTmewemzCVx5MIkbTz/gztXzmJtL65q4SkNMfJ9Bmojy8hYGbo1jYOQ9Tt58hxMSp+5+xPGhMQyPprGy3cHqtoNas4ZWuwMhPTUkPQrV21VTljcc3J/M4vbEPC69SOHC8xSG3lgYHrMwmm5CMiCSUCGkj3GSOIg5+ONR/LLb+N7YQCq3hK+lVVRtB4sSleoKlDWms6amH6luijlQzxA80BZAqlbKQ6lKhEqR8Snoq2yfENyXE9bjh/I1jogzfdEeWW/uQZBribdY23SkM5H8vEL7Y6D+HEKO+hbFeoeCSzKPcQQH8uIgRwdHYDuuNjuKIsTDrHbcAK4v9E4Y/d/vF38B0Poc+YNA/hIAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"/static/799273bcedceabd0a15c8106875c7b3e/a2cf9/livestream-radio.png","srcSet":"/static/799273bcedceabd0a15c8106875c7b3e/8f8d9/livestream-radio.png 250w,\n/static/799273bcedceabd0a15c8106875c7b3e/ddb9e/livestream-radio.png 500w,\n/static/799273bcedceabd0a15c8106875c7b3e/a2cf9/livestream-radio.png 1000w,\n/static/799273bcedceabd0a15c8106875c7b3e/52e98/livestream-radio.png 1500w,\n/static/799273bcedceabd0a15c8106875c7b3e/3897f/livestream-radio.png 1920w","sizes":"(max-width: 1000px) 100vw, 1000px"}}}}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/projects/livestream-radio/"}}}