HeadlinesBriefing favicon HeadlinesBriefing.com

touched-grass.com: A Developer's Badge Tool for Real-World Activities

DEV Community •
×

A developer turned a joke into a practical web tool. touched-grass.com lets users generate and share digital badges for activities like hiking, shipping code, or simply going outside. It started when the creator gave out 'Touched Grass' badges on X, and the positive response led to a full website with social previews.

The tech stack is modern and self-hosted. It uses NextJS with Prisma for the database and shadcn/tailwindcss for the UI. Cloudflare R2 stores images, while a Cloudflare Worker handles screenshotting for social previews. The entire application runs on a single k8s VPS, deployed via GitHub CI and Helm.

The project highlights a growing trend of developers building micro-tools for community engagement. While simple, it demonstrates practical application of full-stack frameworks and cloud services. The creator plans a newsletter and more features this spring, suggesting the tool will continue to evolve based on user feedback.