{"componentChunkName":"component---src-pages-contentful-projects-title-tsx","path":"/quest/","result":{"data":{"contentfulProjects":{"id":"a211cac3-c0e3-57d8-a344-84f35b4e8c3c","title":"Quest","isFreelanceWork":false,"thumbnail":{"gatsbyImageData":{"images":{"sources":[{"srcSet":"//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=750&h=498&q=50&fm=webp 750w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1080&h=717&q=50&fm=webp 1080w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1366&h=907&q=50&fm=webp 1366w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1920&h=1275&q=50&fm=webp 1920w","sizes":"100vw","type":"image/webp"}],"fallback":{"src":"//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=750&h=498&q=50&fm=png","srcSet":"//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=750&h=498&q=50&fm=png 750w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1080&h=717&q=50&fm=png 1080w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1366&h=907&q=50&fm=png 1366w,\n//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png?w=1920&h=1275&q=50&fm=png 1920w","sizes":"100vw"}},"layout":"fullWidth","width":1,"height":0.664002557544757,"placeholder":{"fallback":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='266'%20viewBox='0%200%20400%20266'%20preserveAspectRatio='none'%3e%3cpath%20d='M22%2052v4h46v-9H22v5m122%2019v5h10v5c0%204%200%205%202%205s2-1%202-7v-8h-4c-5%200-5%200-5-2s0-3-2-3c-3%200-3%200-3%205m112%203c0%206%200%207-2%207s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205s0%205-2%205c-3%200-3%200-3-5s0-5-2-5c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v5c0%204%201%205%203%205s2%200%202-5v-5h19V66h-2c-3%200-3%200-3%208m47%202c0%2010%200%2010%202%2010s3-1%203-5v-5h5c4%200%204%200%204-2%200-3%200-3-4-3-5%200-5%200-5-2s0-3-2-3h-3v10M22%20141v71h46V69H22v72m57-32v37h5v-30h32v18c0%2016%200%2017-2%2017s-2-1-2-15v-15h-2c-3%200-3%200-3%205s0%205-2%205c-3%200-3%200-3-5%200-4%200-5-2-5s-2%201-2%205c0%205%200%205-2%205-3%200-3%200-3-5s0-5-2-5h-3v25h3c2%200%202%200%202-5v-5h14v8c0%207%200%207-2%207-3%200-3%200-3-5%200-4%200-5-2-5s-2%201-2%208v7h18v8c0%206%200%207-2%207s-2-1-2-5-1-5-3-5-2%200-2%205%200%205-2%205c-3%200-3%200-3-5%200-4%200-5-2-5s-2%201-2%205c0%205%200%205-2%205-3%200-3%200-3-5v-5h-7c-7%200-7%200-7%203%200%202%200%202%205%202%204%200%204%200%204%203%200%202%200%202-4%202-5%200-5%200-5%203%200%202%200%202%205%202%204%200%204%200%204%203%200%202%200%202-4%202-5%200-5%200-5%203%200%202%200%202%205%202%204%200%204%200%204%203%200%202%200%202-4%202-5%200-5%200-5%203v3h23v-8c0-7%200-8-2-8s-2%201-2%205c0%205-1%206-2%206-2%200-3-1-3-8v-8h14v5c0%204%200%205%202%205%203%201%203%200%203-5%200-4%200-5%202-5s2%201%202%208v7h-9v8c0%208%200%208%202%208s3-1%203-5%200-5%202-5%202%201%202%207c0%207%201%208%203%208s2%200%202-13c0-12%201-12%203-12%201%200%202%200%202%205%200%204%200%205%202%205s2-1%202-5c0-5%201-5%203-5%201%200%202%200%202%2010s0%2010%202%2010%203-1%203-13v-12l-10-1c-9%200-9%200-9-3%200-2%200-2%205-2%204%200%204%200%204-2%200-3%200-3-4-3h-5v-8c0-7%200-7%202-7s3%201%203%205%200%205%202%205%202-1%202-7v-8h-4c-5%200-5%200-5-2%200-3%200-3%207-3h7v20h5v-20h9v-7c0-8%200-8-2-8-3%200-3%200-3%205v5h-14v-5c0-4%200-5-2-5s-2%201-2%205c0%205%200%205-2%205-3%200-3%200-3-7v-8h14v5c0%205%200%205%203%205%202%200%202%200%202-5v-5h14v10c0%209%200%2010%202%2010s2-1%202-12v-13h-9v-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205v5h-14v-7c0-8%200-8%203-8%202%200%202%200%202%205%200%204%200%205%202%205s2-1%202-5v-5h24v5c0%204%200%205%202%205s2-1%202-7v-8h-37v-5h37v-2c0-3%200-3-4-3h-5v-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205s0%205-2%205c-3%200-3%200-3-5%200-4%200-5-2-5s-2%201-2%205c0%205%200%205-2%205h-3V71h-2c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v13c0%2011%200%2012-2%2012s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205s0%205-2%205c-3%200-3%200-3-5%200-4%200-5-2-5s-2%201-2%205c0%205%200%205-2%205-3%200-3%200-3-5s0-5-2-5c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-12V86h7c7%200%207%200%207%203%200%202%200%202-5%202s-5%200-5%203v2h24v-2c0-3%200-3-5-3h-5V81c0-9%200-10-2-10s-2%201-2%205-1%205-3%205-2%200-2-5%200-5-2-5c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5h-3v38m93-33v5h-9v90h-5v-20h-7c-7%200-7%200-7%202%200%203%200%203%205%203l5%201v7c0%207%200%207-2%207-3%200-3%200-3-5s0-5-2-5c-3%200-3%200-3%205v5h-4c-5%200-5%200-5%203v2h28v2c0%203%200%203-9%203s-9%201-9%203%200%202%209%202l9%201v12c0%2013%200%2013%202%2013s3-1%203-13v-13h9l9%201v-8c0-8%200-8-2-8s-3%201-3%205v5h-13v-65h32v5c0%205%200%205%203%205%202%200%202%200%202-7v-8h-9v-5c0-5%200-5-2-5-3%200-3%200-3%205s0%205-2%205h-3V91h-2c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h5c4%200%204%200%204%203%200%202%200%202-6%202h-7V86h23v5c0%205%200%205%203%205%202%200%202%200%202-5v-5h23v25h-5V91h-2c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v5l1%205h9v5c0%205%200%205%203%205%202%200%202%200%202-5v-5h13v8c0%206%200%207-2%207s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h14v-10h5c5%200%205%200%205-2%200-3%200-3-5-3h-5v-20h-2c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-7v-8h5c4%200%204%200%204-2%200-3%200-3-4-3h-5V71h-2c-3%200-3%200-3%205s0%205-2%205-3-1-3-5c0-5%200-5-3-5-2%200-2%200-2%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205s0%205-2%205-3-1-3-5c0-5%200-5-3-5-2%200-2%200-2%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205m112%200v5h-9v5c0%205%200%205-2%205-3%200-3%200-3-5s0-5-3-5c-2%200-2%200-2%207l1%208h4c5%200%205%200%205%203%200%202%200%202-7%202h-7V91h-7c-7%200-7%200-7%203%200%202%200%202%205%202h4v8c0%206%200%207-2%207s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v13c0%2011%200%2012-2%2012s-2-1-2-5c0-5%200-5-2-5h-3v25h3c2%200%202%200%202-5%200-4%200-5%202-5s2%201%202%208v7h-4c-5%200-5%200-5%203%200%202%200%202%205%202%204%200%204%200%204%203%200%202%200%202-7%202h-7v-5c0-5%200-5-2-5s-2%201-2%205c0%205-1%205-3%205s-2%200-2-5%200-5-2-5c-3%200-3%200-3%208v7h28v5h-32v-35h7c6%200%206%200%206%203%200%202%200%202-4%202-5%200-5%200-5%203%200%202%200%202%207%202h7v-15h-18v-5c0-5%200-5-2-5h-3v20h-2c-3%200-3%200-3-5s0-5-2-5-3%201-3%205%200%205-2%205-2-1-2-7v-8h9v-8c0-7%200-7-2-7s-3%201-3%205v5h-9v5c0%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h5c4%200%204%200%204%203%200%202%200%202-7%202h-7v-25h5c5%200%205%200%205-3%200-2%200-2-7-2l-7%201-1%204c0%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v8c0%206%200%207-2%207s-2-1-2-5c0-5%200-5-2-5h-3v35h5v-20h23v5c0%205%200%205%203%205%202%200%202%200%202-5v-5h14v8c0%207%200%207-2%207-3%200-3%200-3-5s0-5-2-5-3%201-3%208v7h5c5%200%205%200%205%203%200%202%200%202-7%202h-7v-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-10v-9h-7c-7%200-8%200-8%202s0%202%205%202h5v25h-5c-4%200-4%201-4%203s0%203%207%203h7v-11h11l12%201v7c0%208%200%208-2%208s-3-1-3-6%200-5-2-5-2%201-2%208v8h14v-21h11l12%201v5c0%205%200%205%202%205s3-1%203-6c0-4%200-5%202-5s2%201%202%2013%201%2013%203%2013h2v-56h7c7%200%207%200%207%202%200%203%200%203-5%203-4%200-5%201-5%203s0%202%205%202%205%200%205%202c0%203%200%203-5%203l-4%201-1%206c0%208%200%209%203%208%201%200%202-1%202-5l1-4%204-1h5v-24l-10-1h-9v-13c0-11%200-12%202-12s2%201%202%205c0%205%200%205%203%205%202%200%202%200%202-5v-5h5c5%200%205%200%205-2%200-3%200-3-9-3h-10v-15h32v5h-14c-14%200-14%200-14%202s1%203%2014%203h14v3c0%202%200%202-4%202-5%200-5%200-5%203%200%202%200%202%205%202h4v8c0%206%200%207-2%207s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205v5h-5c-4%200-5%201-5%203s0%202%2014%202c15%200%2015%200%2014%203%200%202-1%202-5%202s-4%200-4%202c0%203%200%203%205%203l4%201v7c0%207%200%207-2%207s-2%200-2-5%200-5-2-5c-3%200-3%200-3%207v8h5l4%201v4c0%205%200%206%203%205%201%200%202-1%202-5s1-5%203-5%202%200%202%205c0%204%200%205%202%205%203%201%203%200%203-13%200-11-1-12-3-12s-2%200-2%205%200%205-2%205c-3%200-3%200-3-7v-8h5c5%200%205%200%205-2s-1-3-5-3h-5v-8c0-7%200-7%203-7%202%200%202%200%202%205s0%205%203%205c2%200%202%200%202-7v-8h-10v-25h3c2%200%202%200%202%205s0%205%203%205c2%200%202%200%202-5%200-4%200-5%202-5s2%201%202%208v7h-4c-5%200-5%200-5%203%200%202%200%202%207%202h7v-10c0-9%200-10%202-10s2%201%202%2013v12h-4c-5%200-5%200-5%203%200%202%200%202%207%202h7v-10h10v-7c0-8%200-8-2-8-3%200-3%200-3%205s0%205-2%205c-3%200-3%200-3-7v-8h14v5c0%205%200%205%203%205%202%200%202%200%202-5%200-4%200-5%202-5s2%201%202%205%201%205%203%205%202%200%202-7v-8h-4c-5%200-5%200-5-2%200-3%200-3%205-3%204%200%204%200%204-2%200-3%200-3-4-3h-5V71h-7c-7%200-7%200-7%203%200%202%200%202%205%202%204%200%204%200%204%203%200%202%200%202-4%202h-5v8c0%207%200%207%203%207%202%200%202%200%202-5%200-4%200-5%202-5s2%201%202%208v7h-14V71h-5v30h-6c-7%200-7%200-7-2%200-3%200-3%205-3h4v-7c0-8%200-8-2-8-3%200-3%200-3%205v5h-9v5c0%205%200%205-2%205-3%200-3%200-3-5s0-5-2-5c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-7v-8h18v-7c0-8%200-8-3-8-2%200-2%200-2%205%200%204%200%205-2%205s-2%200-2-5%200-5-2-5c-3%200-3%200-3%205m65%202c0%207%201%208%203%208s2%200%202-5%200-5%203-5h2v45h-19v8c0%207%200%207%203%207%202%200%202%200%202-5v-5h7c7%200%207%200%207%202%200%203%200%203-5%203-4%200-5%201-5%203s0%202%205%202h5v8c0%207%200%207-2%207-3%200-3%200-3-5s0-5-2-5-3%201-3%205%200%205-2%205-2-1-2-5v-5h-9v-5c0-5%200-5-2-5-3%200-3%200-3%208v7h9v10h24v-50h6l7-1c1-1%200-4-2-4s-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-12V76h5c4%200%204%200%204-2v-3h-24v7m-37%2070v8h5l4%201v7c0%207%200%207-2%207s-2%200-2-5%200-5-2-5h-3v30h-4c-5%200-5%200-5%203s0%203%205%203c4%200%204%200%204%203%200%202%200%202-4%202-5%200-5%200-5%203%200%202%200%202%207%202h7v-31h21c20%200%2021%201%2021%203s0%202-5%202c-4%200-4%201-4%203s0%202%204%202%205%201%205%203-1%202-5%202l-4%201v7c0%207%200%208%202%208s2%200%202-5%200-5%203-5c2%200%202%200%202%208%200%207%200%207%202%207s3-1%203-8c0-6%200-7%202-7s2%201%202%205%201%205%203%205%202%200%202-8v-7h-5c-4%200-4-1-4-3%200-3%200-3%204-3s5%200%205-2c0-3%200-3-4-3h-5v-15h5c4%200%204%200%204-2%200-3%200-3-7-3h-7v5c0%205%200%205-2%205-3%200-3%200-3-5s0-5-2-5-2%201-2%205c0%205-1%205-3%205s-2%200-2-5%200-5-2-5c-3%200-3%200-3%205%200%204%200%205-2%205s-2-1-2-5-1-5-3-5-2%200-2%205%200%205-2%205c-3%200-3%200-3-7v-8h5c5%200%205%200%205-2s-1-3-5-3h-5v-5c0-5%200-5-2-5s-3%201-3%205%200%205-2%205-2-1-2-5c0-5%200-5-2-5-3%200-3%200-3%207m-37%2038v5h-5c-4%200-4%201-4%203v3h14l14%201v7c0%206%200%207%202%207s2%200%202-10v-11h-9v-5c0-4-1-4-2-4-2%200-3%200-3%204s-1%205-2%205c-2%201-2%200-2-4%200-5-1-6-3-6s-2%200-2%205m46-4v16c0%2013%201%2014%203%2014h2v-15c0-15%200-16-2-16l-3%201m10%202c0%202%200%203%205%202%204%200%204%200%204%202%200%203%200%203-4%203-5%200-5%200-5%203s0%203%204%203h5v7c0%207%201%208%203%208h2v-30l-7-1h-7v3m-186%208l-1%208v7h5c5%200%205%200%205%203l2%202c2%200%202-1%202-10%200-10%200-11-2-11s-2%201-2%205c0%205-1%206-3%206s-2%200-2-5-2-7-4-5m28%200l-1%2010v10h5v-10c0-9-1-11-2-11l-2%201m27%200v11c0%208%201%209%203%209s2%200%202-10c0-9-1-11-2-11l-3%201m29%200l-1%2010c0%2010%200%2010%203%2010%202%200%202%200%202-7v-8h5c4%200%204%200%204-3v-3h-6l-7%201m90%2041l-5%203c-1%202-1%202-4%200-6-2-17-1-17%202%200%204%209%2011%2015%2011%207%200%2016-8%2016-15%200-2-1-2-5-1m-248%205v10c-1%201%207%201%2021%201%2021%200%2028-1%2016-1-4%200-5-1-5-2%200-4-6-8-7-7-2%201-2%204%200%207%201%201%201%201-1%201s-3%200-2-1l-1-4h-3l-2%204-4%201-5-1c0-4-6-10-7-8'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e"}},"file":{"url":"//images.ctfassets.net/zk1zaxgr0lvi/7trAVpK0jnPrYgLxMXPaPu/7c8d92bdd8829e94344070c51e6b1442/quest-project-1.png"}},"content":{"tags":["Data Structures","Algorithms"],"stacks":["React","Sass","Redux","Netlify"],"github_link":"https://github.com/Allek97/quest","app_link":"https://yourquest.netlify.app"},"description":{"description":"Quest is an interactive app that allows you to run multiple pathfinding and perfect maze generation algorithms in a 2D grid. The goal is to find the most optimized path (if possible) between the knight and the princess while facing many obstacles. This application visualizes all the various algorithms and more ! (* Please try it on chrome canary/beta for best performance for now, working on fixing it for other browsers)."},"core":{"raw":"{\"nodeType\":\"document\",\"data\":{},\"content\":[{\"nodeType\":\"heading-1\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"What I made 💁‍♂️\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Quest is the first web app I made when I started learning React. It's an interactive app that allows you to run multiple pathfinding and perfect maze generation algorithms in a 2D grid. This application visualizes all the various algorithms and more !  \",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"heading-1\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"What I used 🔷\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"unordered-list\",\"data\":{},\"content\":[{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"1. React/Create React App\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"\\nI used Create React App to build user interfaces in this web application.\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"2. SCSS\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"\\nI used SCSS for the styling with Block Element Modifier (BEM) notation.\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"3. Redux\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"\\nI used redux for state management,\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"4. Netlify\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"\\nI deployed the react app on Netlify.\",\"marks\":[],\"data\":{}}]}]}]},{\"nodeType\":\"heading-1\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"About this production 🥳\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"I took a JavaScript course in college which I enjoyed a lot, solving problems using algorithms was my favorite part. One day, I stumbled into \",\"marks\":[],\"data\":{}},{\"nodeType\":\"hyperlink\",\"data\":{\"uri\":\"https://weblog.jamisbuck.org/\"},\"content\":[{\"nodeType\":\"text\",\"value\":\"Jamis Buck blog\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"text\",\"value\":\" about maze generation algorithms which I found fascinating. I\\r decided to test my newly acquired React skills and make a\\r project out of it.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"It was an enormous challenge, it turned out to be way more difficult than I thought. I learned that without practice all the skills I thought I learned through the internet were useless. I went to the basics, and went through JS functional programming and understood react lifecycle.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Throughout the project I switched from react class component to functional component using hooks which speeded up my code.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"I took a Sass & SCSS course in Udemy, I redesigned the whole app to make it more appealing, I learned how to use good typography, colors and svgs/images. I learned how to use flexbox and grid as well as organize my SCSS code using the BEM notation.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"I also learned how to use react router dom, I created a lore route where I post in details about the algorithms and data structures I used and how they work (still on progress). It was at that time I started learning Git/Github and getting comfortable using it for this project and the future ones.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Those are the pathfinding algorithms I implemented in the app :\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"unordered-list\",\"data\":{},\"content\":[{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Depth-First Search Algorithm \",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Dijkstra Algorithm\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"A* Algorithm\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Bellman–Ford Algorithm\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"IDDFS\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"IDA*\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"GreadyBFS\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Weighted Greedy BFS\",\"marks\":[],\"data\":{}}]}]}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Here is the list of the perfect maze generation algorithms that were implemented :\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"unordered-list\",\"data\":{},\"content\":[{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Recursive Backtracking Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Kruskal's Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Prim's Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Aldous Broder Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Growing Tree Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Hunt And Kill Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Wilson Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Eller Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Recursive Division Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Sidewinder Algorithm Maze\",\"marks\":[],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Binary Tree Maze\",\"marks\":[],\"data\":{}}]}]}]},{\"nodeType\":\"heading-1\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"What I learned ✅\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"I learned a lot of things about front-end development with React and SCSS. Also, I improved my design skills and got comfortable implementing multiple algorithms with different data structures. It also boosted my problem solving skills.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"heading-1\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Finally 😎\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Building this project was challenging for me since this is my first large scale project in the development world. \",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"I faced many problems like: animating algorithms, interacting/moving multiple components in the grid, adding walls/weights/rewards, rendering maze algorithms with a block-wise structure(most the algorithms were documented/rendered in a line-wise structure), resolving performance issues and more.  \",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Solving those problems was the most rewarding thing while building this app. I'm glad that I've completed my first web app! It motivated me to do other projects.\",\"marks\":[],\"data\":{}}]}]}","references":[]},"role":null,"team":null,"teamStack":null,"timeline":null}},"pageContext":{"id":"a211cac3-c0e3-57d8-a344-84f35b4e8c3c","title":"Quest","__params":{"title":"quest"}}},"staticQueryHashes":["4202924991","521632771"]}