--- title: "#showcase articles | Hashnode" description: "Explore 38 articles tagged #showcase on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/showcase" --- Tag # #showcase 38 posts · 0 followers [Shaurya Sharma](https://hashnode.com/@hello006) · [4d ago](https://hashnode.com/posts/how-i-built-an-actual-size-screen-ruler-with-hardware-calibration-using-astro/6aef187c8a7d35289e3faaed) ### [How I Built an Actual-Size Screen Ruler with Hardware Calibration Using Astro](https://aionlineruler.hashnode.dev/how-i-built-an-actual-size-screen-ruler-with-hardware-calibration-using-astro?utm_source=hashnode&utm_medium=feed) Most on-screen measurement tools rely purely on standard CSS pixels (96 DPI), which often leads to inaccurate physical readings across modern high-density laptop and mobile displays. To solve this, I 1 min read · [aionlineruler.hashnode.dev](https://aionlineruler.hashnode.dev/how-i-built-an-actual-size-screen-ruler-with-hardware-calibration-using-astro?utm_source=hashnode&utm_medium=feed) [Okudum](https://hashnode.com/@okudumapp) · [Nov 3](https://hashnode.com/posts/okudum-a-free-book-sharing-app-for-turkish-readers-android/6ae9d07d9317f3092618bfd1) ### [Okudum: A free book-sharing app for Turkish readers (Android)](https://okudumapp.hashnode.dev/okudum-a-free-book-sharing-app-for-turkish-readers-android?utm_source=hashnode&utm_medium=feed) Hi! I'm the developer behind Okudum (developer name Dronopter), a free Android app I built for Turkish readers. The idea is simple: most of us have shelves full of books we've already finished. Okudum 1 min read · [okudumapp.hashnode.dev](https://okudumapp.hashnode.dev/okudum-a-free-book-sharing-app-for-turkish-readers-android?utm_source=hashnode&utm_medium=feed) [Rajendra Sahu](https://hashnode.com/@raredigix) · [Oct 21](https://hashnode.com/posts/how-i-built-an-in-browser-passport-photo-studio-with-next-js-and-mediapipe/6ad8a2cf593ceb9d7d8d2f53) ### [How I Built an In-Browser Passport Photo Studio with Next.js and MediaPipe](https://passportphotobox.hashnode.dev/how-i-built-an-in-browser-passport-photo-studio-with-next-js-and-mediapipe?utm_source=hashnode&utm_medium=feed) Building a privacy-first tool to format, check, and print biometric document photos directly on the client side. 4 min read · [passportphotobox.hashnode.dev](https://passportphotobox.hashnode.dev/how-i-built-an-in-browser-passport-photo-studio-with-next-js-and-mediapipe?utm_source=hashnode&utm_medium=feed) [Michael Hairetis](https://hashnode.com/@michaelhairetis) · [Oct 21](https://hashnode.com/posts/the-most-useful-number-my-system-produces-is-one-i-never-set-out-to-build/6ad93e4c1877198bcb76b0b3) ### [The most useful number my system produces is one I never set out to build](https://openred.hashnode.dev/the-most-useful-number-my-system-produces-is-one-i-never-set-out-to-build?utm_source=hashnode&utm_medium=feed) Built to pick the next question, the per-subject estimate turned out to be the useful output. Notes on graders, parent reporting and what a number hides. 2 min read · [openred.hashnode.dev](https://openred.hashnode.dev/the-most-useful-number-my-system-produces-is-one-i-never-set-out-to-build?utm_source=hashnode&utm_medium=feed) [Speakercleaningtool](https://hashnode.com/@nayeemsoftware) · [Oct 17](https://hashnode.com/posts/how-we-built-an-in-browser-acoustic-resonance-engine-to-clear-wet-phone-speakers/6ad34176acd224e0801ddd51) ### [How We Built an In-Browser Acoustic Resonance Engine to Clear Wet Phone Speakers](https://speakercleaningtool.hashnode.dev/how-we-built-an-in-browser-acoustic-resonance-engine-to-clear-wet-phone-speakers?utm_source=hashnode&utm_medium=feed) Discover how we built an in-browser acoustic resonance engine using the Web Audio API to eject water from wet phone speakers without native apps. 6 min read · [speakercleaningtool.hashnode.dev](https://speakercleaningtool.hashnode.dev/how-we-built-an-in-browser-acoustic-resonance-engine-to-clear-wet-phone-speakers?utm_source=hashnode&utm_medium=feed) [Andrii](https://hashnode.com/@andriiyk) · [Sep 6](https://hashnode.com/posts/how-big-is-a-billion-i-built-the-whole-road-to-find-out/6a9d797a979f45f6fe6012db) ### [How Big Is a Billion? I Built the Whole Road to Find Out.](https://realworth.hashnode.dev/how-big-is-a-billion-i-built-the-whole-road-to-find-out?utm_source=hashnode&utm_medium=feed) How I built a drivable road of $100 bills in Three.js, rendering millions of notes with a treadmill trick, SI units, and SSR fallback for crawlers. 8 min read · [realworth.hashnode.dev](https://realworth.hashnode.dev/how-big-is-a-billion-i-built-the-whole-road-to-find-out?utm_source=hashnode&utm_medium=feed) [ɐ ℒℯℯ](https://hashnode.com/@axtrivc) · [Aug 4](https://hashnode.com/posts/how-i-built-toolhub-a-138-tool-static-pwa-that-stays-sub-second/6a719b70dbaa2a6379ba046e) ### [How I Built ToolHub: A 138-Tool Static PWA That Stays Sub-Second](https://axtric.hashnode.dev/how-i-built-toolhub-a-138-tool-static-pwa-that-stays-sub-second?utm_source=hashnode&utm_medium=feed) A technical deep dive into building ToolHub—a fast, privacy-first, client-side suite of 138+ web utilities using Next.js static export. 2 min read · [axtric.hashnode.dev](https://axtric.hashnode.dev/how-i-built-toolhub-a-138-tool-static-pwa-that-stays-sub-second?utm_source=hashnode&utm_medium=feed) [WuXin](https://hashnode.com/@wuxin) · [Jul 30](https://hashnode.com/posts/why-we-built-an-ad-free-100-client-side-developer-toolkit-as-cs-students/6a6b41e1ef4dc1c6a21641c0) ### [Why We Built an Ad-Free, 100% Client-Side Developer Toolkit as CS Students](https://sniptoolkit.hashnode.dev/why-we-built-an-ad-free-100-client-side-developer-toolkit-as-cs-students?utm_source=hashnode&utm_medium=feed) Discover how Team Perception built SnipToolkit: 100% client-side, ad-free suite of web developer utilities using Astro and Cloudflare edge deployment 3 min read · [sniptoolkit.hashnode.dev](https://sniptoolkit.hashnode.dev/why-we-built-an-ad-free-100-client-side-developer-toolkit-as-cs-students?utm_source=hashnode&utm_medium=feed) [kandarp gautam](https://hashnode.com/@Kandycan) · [Jul 21](https://hashnode.com/posts/rabbitmqtest-a-simple-rabbitmq-demo/6a5f068ac114b619922f5200) ### [🐇 RabbitMQTest — A Simple RabbitMQ Demo in C#](https://kandy.hashnode.dev/rabbitmqtest-a-simple-rabbitmq-demo?utm_source=hashnode&utm_medium=feed) The RabbitMQTest repository by Kandarp Gautam is a C# project that demonstrates how to use RabbitMQ for message queuing. It shows the basics of a producer sending messages and a consumer receiving the 2 min read · [kandy.hashnode.dev](https://kandy.hashnode.dev/rabbitmqtest-a-simple-rabbitmq-demo?utm_source=hashnode&utm_medium=feed) [Shubhankar Basak](https://hashnode.com/@shubhankar-basak) · [Jul 9](https://hashnode.com/posts/the-architecture-of-my-dreams-a-full-stack-journey-from-northeast-india/6a4f48f6de790f1572a07bff) ### [The Architecture of My Dreams: A Full-Stack Journey From Northeast India](https://shubhankarbasak.hashnode.dev/the-architecture-of-my-dreams-a-full-stack-journey-from-northeast-india?utm_source=hashnode&utm_medium=feed) Shubhankar Basak is an Indian web developer with a background in computer science from Assam University. 4 min read · [shubhankarbasak.hashnode.dev](https://shubhankarbasak.hashnode.dev/the-architecture-of-my-dreams-a-full-stack-journey-from-northeast-india?utm_source=hashnode&utm_medium=feed)