The latest articles on DEV Community by Bagus Facsi Aginsa (@facsiaginsa). https://dev.to/facsiaginsa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F904116%2F322d0a28-62a5-43a6-8325-19971fd47749.jpeg https://dev.to/facsiaginsa en Bagus Facsi Aginsa Mon, 29 Aug 2022 16:58:00 +0000 https://dev.to/facsiaginsa/redis-hackathon-submission-gazmin-streetfood-6l1 https://dev.to/facsiaginsa/redis-hackathon-submission-gazmin-streetfood-6l1 <h3> Overview of My Submission </h3> <p>Visit Our Live Demo: <a href="https://gazmin.facsiaginsa.com">Gazmin Streetfood</a></p> <p>Gazmin Streetfood is a 3 Dimensional Virtual Marketplace for Indonesian Streetfood. It's users will feel the experience of visiting the place while shopping virtually. Right now, this app <strong>is not working well with SAFARI browser</strong>, please use other browser instead such as <strong>GOOGLE CHROME</strong> or other Chromium-based web browser.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--trXFHK35--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eo3r0qmyqabw1lwb7whw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--trXFHK35--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eo3r0qmyqabw1lwb7whw.png" alt="Gazmin Home Page" width="880" height="495"></a></p> <p>We also provide live search bar. If you click on the search result, then you will be brought to the stall directly.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--u0DRTEfQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yp8b2y5w1mvf9rhj13lt.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u0DRTEfQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yp8b2y5w1mvf9rhj13lt.png" alt="Gazmin Search Streetfood" width="880" height="495"></a></p> <p>You can click the stall icon, and see all products they offer.</p> <p>This is the Application Architecture :</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SQVP4Ku7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dn6ptqa561xd375pz5dg.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SQVP4Ku7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dn6ptqa561xd375pz5dg.png" alt="Gazmin Streetfood Architecture" width="880" height="412"></a></p> <p>This app is consist of 3 apps, 2 Redis, 1 Minio. The marketplace microservice is handling request related to the marketplace transactions itself (user management, product, cart, checkout), while the streetview microservice is handling request related to streetview data. Each of the microservices store their data on seperate Redis Stack.</p> <p>Meanwhile, Minio is used to store the product and streetview images.</p> <h3> Submission Category: </h3> <p>MEAN/MERN Mavericks. The redis is used for search capabilities as well as main database for the App.</p> <h3> Video Explainer of My Project </h3> <p>This is a video explaining our Project:</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/fkjYYaPKh6M"> </iframe> </p> <h3> Language Used </h3> <p>The language we are using in backend is <strong>Nodejs</strong>.</p> <h3> Link to Code </h3> <p>This is the link to our repositories:<br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/facsiaginsa"> facsiaginsa </a> / <a href="https://github.com/facsiaginsa/gazmin-streetfood"> gazmin-streetfood </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Gazmin Streetfood</h1> <p>Visit Our Live Demo: <a href="https://gazmin.facsiaginsa.com" rel="nofollow">Gazmin Streetfood</a></p> <p>Gazmin Streetfood is a 3 Dimensional Virtual Marketplace for Indonesian Streetfood. It's users will feel the experience of visiting the place while shopping virtually. Right now, this app <strong>is not working well with SAFARI browser</strong>, please use other browser instead such as <strong>GOOGLE CHROME</strong> or other Chromium-based web browser.</p> <p><a rel="noopener noreferrer" href="https://github.com/facsiaginsa/gazmin-streetfood/blob/main/gazmin.png?raw=true"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qEjeXaJM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/facsiaginsa/gazmin-streetfood/raw/main/gazmin.png%3Fraw%3Dtrue" alt="Gazmin Home Page"></a></p> <p>We also provide live search bar. If you click on the search result, then you will be brought to the stall directly.</p> <p><a rel="noopener noreferrer" href="https://github.com/facsiaginsa/gazmin-streetfood/blob/main/gazmin-search.png?raw=true"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dMzNbu7w--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/facsiaginsa/gazmin-streetfood/raw/main/gazmin-search.png%3Fraw%3Dtrue" alt="Gazmin Search Streetfood"></a></p> <p>You can click the stall icon, and see all products they offer.</p> <p>This is the Application Architecture :</p> <p><a rel="noopener noreferrer" href="https://github.com/facsiaginsa/gazmin-streetfood/blob/main/gazmin-architecture.png?raw=true"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mXnlax90--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/facsiaginsa/gazmin-streetfood/raw/main/gazmin-architecture.png%3Fraw%3Dtrue" alt="Gazmin Architecture"></a></p> <p>This app is consist of 3 apps, 2 Redis, 1 Minio. The marketplace microservice is handling request related to the marketplace transactions itself (user management, product, cart, checkout), while the streetview microservice is handling request related to streetview data. Each of the microservices store their data on seperate Redis Stack.</p> <p>Meanwhile, Minio…</p> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/facsiaginsa/gazmin-streetfood">View on GitHub</a></div> </div> <h3> Additional Resources / Info </h3> <p>Additional Resource We used to make this project:</p> <ul> <li>Frontend Framework: jQuery (<a href="https://jquery.com">https://jquery.com</a>)</li> <li>Backend Web Framework: fastify (<a href="https://www.fastify.io">https://www.fastify.io</a>)</li> <li>Redis Library: @fastify/redis (<a href="https://github.com/fastify/fastify-redis">https://github.com/fastify/fastify-redis</a>)</li> <li>Streetview Library: Marzipano (<a href="https://www.marzipano.net">https://www.marzipano.net</a>)</li> <li>Storage: Minio (<a href="https://min.io">https://min.io</a>)</li> </ul> <h3> Collaborators </h3> <div class="ltag__user ltag__user__id__904116"> <a href="/facsiaginsa" class="ltag__user__link profile-image-link"> <div class="ltag__user__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2X3q88ER--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--Dh-qd1I5--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/904116/322d0a28-62a5-43a6-8325-19971fd47749.jpeg" alt="facsiaginsa image"> </div> </a> <div class="ltag__user__content"> <h2> <a class="ltag__user__link" href="/facsiaginsa">Bagus Facsi Aginsa</a>Follow </h2> <div class="ltag__user__summary"> <a class="ltag__user__link" href="/facsiaginsa">Just another backend / cloud engineer</a> </div> </div> </div> <div class="ltag__user ltag__user__id__904655"> <a href="/moefc32" class="ltag__user__link profile-image-link"> <div class="ltag__user__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Lz2EQOrO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--3otMuP1i--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/904655/52d7bed2-0365-46e4-9f09-b85d98f85371.jpeg" alt="moefc32 image"> </div> </a> <div class="ltag__user__content"> <h2> <a class="ltag__user__link" href="/moefc32">Faizal Chan.</a>Follow </h2> <div class="ltag__user__summary"> <a class="ltag__user__link" href="/moefc32">a deuteragonist design manager.</a> </div> </div> </div> <ul> <li><em>Check out <a href="https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries">Redis OM</a>, client libraries for working with Redis as a multi-model database.</em></li> <li><em>Use <a href="https://redis.info/redisinsight">RedisInsight</a> to visualize your data in Redis.</em></li> <li><em>Sign up for a <a href="https://redis.info/try-free-dev-to">free Redis database</a>.</em></li> </ul> redishackathon node