The latest articles on DEV Community by himanshushah05 (@himanshushah05). https://dev.to/himanshushah05 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%2F771355%2Fedf1988e-eacc-40f9-95ed-d7462aaa5db7.jpeg https://dev.to/himanshushah05 en himanshushah05 Thu, 09 Dec 2021 07:58:38 +0000 https://dev.to/himanshushah05/activity-overyou-3ma8 https://dev.to/himanshushah05/activity-overyou-3ma8 <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--b-Aiy7sl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhpujz0y36hntacf0q36.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--b-Aiy7sl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nhpujz0y36hntacf0q36.png" alt="Image description" width="880" height="495"></a></p> <h3> My Workflow </h3> <p>Activity OverYou displays your Github Activity Graph right in front of you, in your palm, anytime, anywhere. We use our own custom-made Github action to calculate the User events and send the normalised ratio to the NodeMCU via the MQTT server via Adafruit.</p> <h3> Submission Category: </h3> <p>Interesting IoT<br> Wacky Wildcards</p> <h3> Yaml File or Link to Code </h3> <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/ShubhamPalriwala"> ShubhamPalriwala </a> / <a href="https://github.com/ShubhamPalriwala/ActivityOverYou"> ActivityOverYou </a> </h2> <h3> Your Activity Graph right in front of you </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <p><a rel="noopener noreferrer" href="https://github.com/ShubhamPalriwala/ActivityOverYou./banner.png"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WOUlY3jz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/ShubhamPalriwala/ActivityOverYou./banner.png" alt="Banner"></a></p> <p> Your Activity Graph right in front of you, in your palm, anytime, anywhere </p> <h2> What it does</h2> <p><a rel="noopener noreferrer" href="https://github.com/ShubhamPalriwala/ActivityOverYou./whatitdoes.png"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--30m8yNbR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/ShubhamPalriwala/ActivityOverYou./whatitdoes.png" alt="What it does?"></a></p> <h2> Setup</h2> <ul> <li>Go to repo Settings/Secrets and add a new repository secret with name as MTQT_BROKER_PASSWORD and value as key.</li> <li>Now edit the .yaml files in .github/workflows with your details of mqqt broker for each topic i.e Issue Open , Pull Requet Open and Pull Request Closed.</li> <li>Connect your Oled display to NodeMCU or any WiFi module compatible with Arduino.</li> <li>Change the SSID, Password, MQTT user ID and key as per your account.</li> <li>Upload the <code> github_actions_graph.ino </code> on your board</li> </ul> <h2> Usage</h2> <ul> <li>Plug in your NodeMCU and connect the Oled display</li> <li>The graph will be displayed and update on regular interval of time.</li> </ul> <p><a rel="noopener noreferrer" href="https://github.com/ShubhamPalriwala/ActivityOverYou./hardware.png"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4qm-vPVK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/ShubhamPalriwala/ActivityOverYou./hardware.png" alt="Images"></a></p> <h2> Contributions</h2> <ul> <li>Feel Free to Open a PR/Issue for any feature or bug(s).</li> <li>Make sure to follow the <a href="https://docs.github.com/en/github/site-policy/github-community-guidelines">community guidelines</a> when contributing.</li> <li>Please open an issue if you want to ask a question/discuss anything about…</li> </ul> </div> <br> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/ShubhamPalriwala/ActivityOverYou">View on GitHub</a></div> <br> </div> <br> <h3> Additional Resources / Info </h3> <p><a href="https://www.figma.com/file/KkNuGikbT1tsMk4xH7pUKc/ActivityOverYou?node-id=0%3A1">Figma Link</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hwPnCjHc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18mq02rggnzz9cwhat91.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hwPnCjHc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18mq02rggnzz9cwhat91.png" alt="Image description" width="880" height="495"></a></p> actionshackathon21