{"data":{"featured":{"edges":[{"node":{"frontmatter":{"title":"B.A.S.","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAEDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHeBKlZ/8QAFhABAQEAAAAAAAAAAAAAAAAAEQEg/9oACAEBAAEFAstf/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8BV//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/AUf/xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAZEAACAwEAAAAAAAAAAAAAAAAAEAERQSH/2gAIAQEAAT8hVLSbndP/2gAMAwEAAgADAAAAECAv/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8QQ//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/EFv/xAAbEAEAAgIDAAAAAAAAAAAAAAABACERYRAxUf/aAAgBAQABPxAqjUcuD2AuuDtqHEqYFE//2Q=="},"images":{"fallback":{"src":"/static/8055b29238e4e54623469d8daf060db1/cfbdb/bas_ss.jpg","srcSet":"/static/8055b29238e4e54623469d8daf060db1/8dd79/bas_ss.jpg 175w,\n/static/8055b29238e4e54623469d8daf060db1/6e183/bas_ss.jpg 350w,\n/static/8055b29238e4e54623469d8daf060db1/cfbdb/bas_ss.jpg 700w,\n/static/8055b29238e4e54623469d8daf060db1/01972/bas_ss.jpg 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/8055b29238e4e54623469d8daf060db1/f15fa/bas_ss.avif 175w,\n/static/8055b29238e4e54623469d8daf060db1/4a3c0/bas_ss.avif 350w,\n/static/8055b29238e4e54623469d8daf060db1/67a85/bas_ss.avif 700w,\n/static/8055b29238e4e54623469d8daf060db1/1c542/bas_ss.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/8055b29238e4e54623469d8daf060db1/847d5/bas_ss.webp 175w,\n/static/8055b29238e4e54623469d8daf060db1/5a22c/bas_ss.webp 350w,\n/static/8055b29238e4e54623469d8daf060db1/235d2/bas_ss.webp 700w,\n/static/8055b29238e4e54623469d8daf060db1/61160/bas_ss.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":415}}},"tech":["React","NodeJS","MySQL"],"github":null,"external":null,"cta":null},"html":"<p>B.A.S. (Broker Accounting System) has recently approved the portal in support of\nits strategic plan to enhance marketing and customer service. B.A.S. will utilize the portal as a platform for managing Invoicing and accounting for its customers. The portal will be able to maintain the symbols, contracts, and onboarding of new sub-brokers and their clients. The portal will maintain all the day-to-day transactions and be able to generate invoices accordingly.</p>"}},{"node":{"frontmatter":{"title":"Spotify Profile","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAABcElEQVQoz32Q0U7bQBBF/RogjuOynpmdXW/W2E4cEwEhjgmymqpq+tg8tEWq2opf4hf6p5VjZJBjuE+r2b177h3HtQEKQMKOCOvxOb4nZ4gfMOhxngOUEX+NWCHAW+aTwSkRdZxANAHxb796+v35nkGQJOoze57fgxUi8Nxv5Wb/4xeTGo896MM7TAz4ckFEQoiiKL7sdutqu6k+fdxuq6oyxgRBt54zcr3OCABms9myWK2L1WKRXy+vy81dqMNjuOMemRGxhjABIisOCAQEcIQ9kEc95nqFAFEUZVkmpaSDeszucNSmPc7fDNtD56UzPHOllNNpMjuIiACAmefzubWWiOIkzrIsTdPGppTK8zwM6xU4g8GJ1ubqqkySxFrbfq+YASCJ401RXsQXYRi2jZRSzPzcmVlf5kuttZTydeyx79/eLB++/zTGWGujg5RSANCsoO5MRFpze9ESfH+8KtZ//j5OJqZJnqapMQYRG/J/k6JW26WIe1kAAAAASUVORK5CYII="},"images":{"fallback":{"src":"/static/3936989a99991beb6d649d7a7039df60/d2194/demo.png","srcSet":"/static/3936989a99991beb6d649d7a7039df60/cebcc/demo.png 175w,\n/static/3936989a99991beb6d649d7a7039df60/272cf/demo.png 350w,\n/static/3936989a99991beb6d649d7a7039df60/d2194/demo.png 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/3936989a99991beb6d649d7a7039df60/9aa63/demo.avif 175w,\n/static/3936989a99991beb6d649d7a7039df60/e6db6/demo.avif 350w,\n/static/3936989a99991beb6d649d7a7039df60/f47db/demo.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/3936989a99991beb6d649d7a7039df60/240e7/demo.webp 175w,\n/static/3936989a99991beb6d649d7a7039df60/faefe/demo.webp 350w,\n/static/3936989a99991beb6d649d7a7039df60/d5dc4/demo.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":438}}},"tech":["React","Styled Components","Express","Spotify API","Heroku"],"github":"https://github.com/bchiang7/spotify-profile","external":"https://spotify-profile.herokuapp.com/","cta":null},"html":"<p>A web app for visualizing personalized Spotify data. View your top artists, top tracks, recently played tracks, and detailed audio information about each track. Create and save new playlists of recommended tracks based on your existing playlists and more.</p>"}},{"node":{"frontmatter":{"title":"Build a Spotify Connected App","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACqklEQVQozwGfAmD9AKa44Jeq3Iqd1H+SznaIynKDx2+Ax2x9xWt8xWt8xmx+x2+ByXKDzXmK0HyO04WX142f2pKn3J2x3qW64QCgtdyps82VptSQotSImtB4jMlpfsJofcJle8FrgMRvhMZ1i8mBlc96ks2quuCQp9ePqdajut2Vs9ebu9cAmrHal6XDj6XSiqHTg5rOc4zHZH/AZX/AX3u9fZXJrLzcsMDfrsDelq/U5uz1r8bfmLjVvtXkjrnOjrzNAJWz3IGj1XaWy2yMxWSEwGGCvl5/u1l8ulp/ull/uV+Gu2ONvGGOumeWvY20zHSnwHSrv4S4xXy3wIPAwQCJq9FsX2JiXGFYYGtYXmhQV2FUW2dqi7hmkMJulsFnlb1ilblvob5pobpqpbh7tL9ztLpos7FvvLJ1w7MAg6jLQzk3Pzk3RURCRkRDNjUzQD8/nLfPlbnXlrrSjLfNea7ClMLMnMnOl8rJn9LNk87FYLymX8CkZ8emAHypzC0vMygsMyYrMCUnKC8vLFBQS2SRsWumyWmkwGanvGSqt2yyt3K7t2u7sGvArXHGrWjHplbFmFrKmQB4rM0pJSMzKygwKignIyAgGBI9ODN7qsGOw9iLws+Iw8uFxcaEycGW08d8zLaJ1LuZ3cKQ27tPypBQzo8AebrdWX2NX36PU3eNQm6FLlpuJ1RnO5KxPaK9O6KxOqaqOquiObCaNLORMrmKNr+GPMWGOseBP8yCStKIAH3J7G/F72C97FS35kuy4Eax20Kx1j2rxzqrvTqvtTmyqzi2ojm6mlHGn1nMnlDOlFHQkVnVk0/Ui0TUggB3zO9mw+pYveZNuOFCs9s6sNQ2r80zscgys78xtbUxuaoxvJ8ywJZJy5pS0ZlQ05JO1YxY2ZBU2otE138AtHoe7OPKgAAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/4e06bd39766c182ea26b255309b1dee1/bc3b9/course-card.png","srcSet":"/static/4e06bd39766c182ea26b255309b1dee1/9a130/course-card.png 175w,\n/static/4e06bd39766c182ea26b255309b1dee1/a3fa1/course-card.png 350w,\n/static/4e06bd39766c182ea26b255309b1dee1/bc3b9/course-card.png 700w,\n/static/4e06bd39766c182ea26b255309b1dee1/87926/course-card.png 1400w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/4e06bd39766c182ea26b255309b1dee1/dae43/course-card.avif 175w,\n/static/4e06bd39766c182ea26b255309b1dee1/d7667/course-card.avif 350w,\n/static/4e06bd39766c182ea26b255309b1dee1/7ec1a/course-card.avif 700w,\n/static/4e06bd39766c182ea26b255309b1dee1/71a30/course-card.avif 1400w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/4e06bd39766c182ea26b255309b1dee1/5d873/course-card.webp 175w,\n/static/4e06bd39766c182ea26b255309b1dee1/26a00/course-card.webp 350w,\n/static/4e06bd39766c182ea26b255309b1dee1/f23f0/course-card.webp 700w,\n/static/4e06bd39766c182ea26b255309b1dee1/2c2d0/course-card.webp 1400w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":394}}},"tech":["React","Express","Spotify API","Styled Components"],"github":null,"external":"https://www.newline.co/courses/build-a-spotify-connected-app","cta":"https://www.newline.co/courses/build-a-spotify-connected-app"},"html":"<p>Having struggled with understanding how the Spotify OAuth flow works, I made the course I wish I could have had.</p>\n<p>Unlike tutorials that only cover a few concepts and leave you with half-baked GitHub repositories, this course covers everything from explaining the principles of REST APIs to implementing Spotify's OAuth flow and fetching API data in a React app. By the end of the course, you’ll have an app deployed to the internet you can add to your portfolio.</p>"}}]}}}