The latest articles on DEV Community by Naveen Muniyasamy (@naveen_66). https://dev.to/naveen_66 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%2F972481%2Ff68a2e38-034d-4b2e-bfa9-2fb6cfd5e1a3.jpg https://dev.to/naveen_66 en Naveen Muniyasamy Thu, 08 Dec 2022 18:23:21 +0000 https://dev.to/naveen_66/mongodb-atlas-hackathon-2022-on-dev-cold-storage-monitoring-1fck https://dev.to/naveen_66/mongodb-atlas-hackathon-2022-on-dev-cold-storage-monitoring-1fck <h2> What I built </h2> <p>Cold Storage monitoring dashboard built using React and Atlas App</p> <h3> Category Submission: </h3> <p>About Real-time</p> <h3> App Link </h3> <p><a href="https://comfy-puppy-a3633b.netlify.app/">https://comfy-puppy-a3633b.netlify.app/</a></p> <h3> Screenshots </h3> <p>Home Page:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cTqz8Ku1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/33x80tqhn4aloyi9f3f8.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cTqz8Ku1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/33x80tqhn4aloyi9f3f8.png" alt="Home Page" width="880" height="456"></a></p> <p>Alerts Page:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JnqivoMH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5gc1fbwhzyagqdtd28k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JnqivoMH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5gc1fbwhzyagqdtd28k.png" alt="Alerts Page" width="880" height="292"></a></p> <h3> Description </h3> <p>The dashboard makes use of MongoDB changestreams to capture the realtime changes in the database and shows the realtime updates and alerts. This project also includes the simulator to simulate the Cold Storage IoT device data. Alerts are triggered using Atlas Trigger</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/naveen-25/mongodb-atlas-cold-storage-monitoring">https://github.com/naveen-25/mongodb-atlas-cold-storage-monitoring</a></p> <h3> Contributors </h3> <div class="ltag__user ltag__user__id__198607"> <a href="/sureshkannan_m" class="ltag__user__link profile-image-link"> <div class="ltag__user__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xVv2FMFT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--idWpEdeb--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/198607/51093b8b-13c7-41e6-8450-dea40b9bb2b9.jpg" alt="sureshkannan_m image"> </div> </a> <div class="ltag__user__content"> <h2> <a class="ltag__user__link" href="/sureshkannan_m">Sureshkannan M</a>Follow </h2> <div class="ltag__user__summary"> <a class="ltag__user__link" href="/sureshkannan_m">Full Stack Deveopler </a> </div> </div> </div> <br> <div class="ltag__user ltag__user__id__972481"> <a href="/naveen_66" class="ltag__user__link profile-image-link"> <div class="ltag__user__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fI7piZaa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--1tj9uUgU--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/972481/f68a2e38-034d-4b2e-bfa9-2fb6cfd5e1a3.jpg" alt="naveen_66 image"> </div> </a> <div class="ltag__user__content"> <h2> <a class="ltag__user__link" href="/naveen_66">Naveen Muniyasamy </a>Follow </h2> <div class="ltag__user__summary"> <a class="ltag__user__link" href="/naveen_66">Cloud Native Application Developer</a> </div> </div> </div> <h3> Permissive License </h3> <p>MIT License</p> <h2> Background </h2> <p>(What made you decide to build this particular app? What inspired you?)<br> Atlas App Service [formerly Realm] is a cool service offered MongoDB Atlas to build the application with serverless architecture. IoT is one of the best usecase for event driven application. Changestreams serves the purpose to act based on the events. Cold storage monitoring is one of the critical application where the immediate necessary actions has to be taken in case of any alerts like power outages or increase in temperature. Atlas trigger provides the serverless way to trigger alerts and capable of acting as a light weight rule engine. These features of MongoDB Atlas together driven me to think of this use case.</p> <h3> How I built it </h3> <p>(How did you utilize MongoDB Atlas? Did you learn something new along the way? Pick up a new skill?)<br> Below features of MongoDB atlas is used to build the application</p> <ul> <li>Atlas App Service [Formerly Atlas Realm]</li> <li>Atlas Trigger</li> </ul> <p>Learnt how to build the UI application without the backend APIs to communicate to the DB and how to react to the events using Atlas trigger.</p> atlashackathon22