{"componentChunkName":"component---src-templates-project-js","path":"/projects/rapviz/","result":{"data":{"site":{"siteMetadata":{"title":"David Liu"}},"markdownRemark":{"id":"874c0f34-86ec-53bd-a980-d8b10f6a26dc","excerpt":"Short blurb The problem The solution My Role Key features Technologies used Lessons learned","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 720px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/a1d8867c2bb8bb9fcdf2bc56732f0235/a0c72/rhyme.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 54.44444444444444%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAB2HAAAdhwGP5fFlAAACMElEQVQoz03Sy2sTURQG8DvnTkhjpdC0trhIKXTVJPNMJo+pk9qgVVpIbGptYhQXFaS6KAgiQos79y4EcV1cuHWjiBUkr0kyyTyTSdMu9C/xTkJV+LY/vnPuuWi4AsM0nKZgkAQ3AX0JehI4cS8mDyYHpujFEEAXoMtDZxSNgzYHiMjBSPbHcsQcCQwWzjep3/egy4Ah/ic53PYkbrEYEekmqYGEBglwLzrtuNd5tgG/djzc/dc5lkBkiwXkkmmTdF/2d3mKhHRaMTAFcGQY5vHwJu3KBGNdpC+k19lkKJUhmEe9Xe7d3tbb++vHd9MGh+w4JkvqIlkHncvIzaBTGQ1kZMvUuJCkydIqg5HLIaOcOHy49fpR/kP5hs4gK4YtAaxlVCku/3h1u6dMNnNhe1c2xEAziposVqPQyjENgvss0kux94fPD5TIG3nRkxyqZ4KV7LxzffbzyydfXjw+2S8eHx2Zdxbagp8UqlHKKMt1hkZOjDLTgXYpqW5zDWWGnMQkeDVYXQ/1VmftUur700KnEP148EDbXtKkywTXI5RRSteiNLIlbPPIVabOckuO5NN5ShcxGd7gfcbaXO/WQitz5WeB/VrM2ishlaHrUahHQC+mqwSTtyWxM9O9jUUjeenvPbWYX09Nnmwmu3nl237u07M959qcKgSIrIWhuyONMWXFfVZm2srMGPLUSGLygbTYhJ69Wl8LtZV5TfB3RL+WDjZYXy0C1QiucROVMP4D+S/wD0sJ6DkAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"pic\"\n        title=\"pic\"\n        src=\"/static/a1d8867c2bb8bb9fcdf2bc56732f0235/37523/rhyme.png\"\n        srcset=\"/static/a1d8867c2bb8bb9fcdf2bc56732f0235/e9ff0/rhyme.png 180w,\n/static/a1d8867c2bb8bb9fcdf2bc56732f0235/f21e7/rhyme.png 360w,\n/static/a1d8867c2bb8bb9fcdf2bc56732f0235/37523/rhyme.png 720w,\n/static/a1d8867c2bb8bb9fcdf2bc56732f0235/302a4/rhyme.png 1080w,\n/static/a1d8867c2bb8bb9fcdf2bc56732f0235/07a9c/rhyme.png 1440w,\n/static/a1d8867c2bb8bb9fcdf2bc56732f0235/a0c72/rhyme.png 2989w\"\n        sizes=\"(max-width: 720px) 100vw, 720px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Short blurb</p>\n<h2>The problem</h2>\n<h2>The solution</h2>\n<h2>My Role</h2>\n<h2>Key features</h2>\n<h2>Technologies used</h2>\n<h2>Lessons learned</h2>","frontmatter":{"project":"RapViz [HackTech 2020 Finalist]","date":"March 31, 2019","description":"An app that highlights the rhymes in the current song you are listening to on spotify for fun"}}},"pageContext":{"slug":"/rapviz/","previous":{"fields":{"slug":"/online-tetris-multiplayer/"},"frontmatter":{"project":"Online Tetris Multiplayer"}},"next":{"fields":{"slug":"/moba-game/"},"frontmatter":{"project":"Node.js Moba Game"}}}}}