WebIdiot.Online
Show HN: Turn your GitHub history into charts and numbers for reviews and 1:1s
Before every performance review and most 1:1s, I ask myself the same questions: Was I productive? Did I do a good job?I built a tool that turns GitHub activity into numbers.Try it: https://showoffer.techYou choose what goes on the report: PRs merged, reviews given, time to merge, contribution profile, etc.It compares them with the previous period. Then you save the report locally, or share it as an image on social media.How it works:1. Connect with a read-only GitHub token or the GitH
AI Assisted Accessibility Remediation for Frontend
Adopting AI assisted accessibility remediation for frontend engineering allows development teams to eliminate Americans with Disabilities Act (ADA) legal liabilities while creating inclusive digital experiences. Small software businesses and digital agencies face surging demand for WCAG 2.2 compliance and ADA web guidance. However, auditing hundreds of existing React components, legacy template files, and dynamic modals by hand is an exhausting, labor-intensive chore.Faced with tight sprint dead
Building Governance and Human Oversight for AI Agents | CapLine Governance Hub
As AI agents become more capable, controlling and auditing their actions becomes increasingly important.CapLine Governance Hub Evaluation is a self-hosted platform designed to explore AI governance through three key capabilities:Risk Assessment: Structured policy evaluation and independent human review.Execution Permissions: Single-use authorization for approved AI actions.Auditability: SHA-256 hash-chained audit logs for traceability.Built with FastAPI and React/Vite, the platform includes its
The Spirit of the Spec
I had a conversation recently with a former studio executive turned producer in which I found myself talking about the “spirit of the spec,” essentially when a person chooses to pursue a project or goal entirely on speculation with the hopes of some eventual payoff. Not everybody would make that choice. To many, with the odds so long against success, doing something on spec is not only illogical, it’s also seemingly inane.And yet almost all screenwriters, TV writers, novelis
Enhanced integrations and local data management in Relay
Generated by AI for testing my app RelayI have worked on significantly improving how Relay connects to external services and securing local data across multiple platforms. The app now feels more complete, with deeper integration capabilities for publishing content, managing notes, and running complex terminals locally. Core Application Stability and DeploymentThe foundational structure of the application has undergone several updates. I scaffolded Relay from the Wails3 React template and up
I built a finance engine that reconciles bank emails, SMS and PDF statements into one ledger
Every month I had the same problem: my money lives in three places β HBL, ABL and NayaPay β and no single app shows the whole picture. Transfers arrive as emails, card spends arrive as SMS, and the "official" record only shows up weeks later in a PDF statement.So I built FinSync: a personal finance engine that pulls transactions from every channel, collapses duplicates, reconciles them against bank statements, and turns it all into one clean ledger with analytics and a forecast.π Live demo (no s
Discover how creators are getting the most out of Adobe Firefly
Being a creator demands a constant flow of creative output. Followers want more content, brand partners need professional-looking visuals, and you have tons of ideas that you want to bring to life. With the right tools to leverage your creativity and quickly produce polished images and videos, you can spend less time fighting through the technical details and more t
Scope WebMCP Tools to the Open React Workflow
On the Events list, the browser discovered zero WebMCP tools. Opening an event draft exposed four. Switching to a trip draft replaced them with five trip tools.That route sequence is the behavior I wanted when Trip Workbench gained a second workflow. Registering every operation at startup would have exposed two unrelated domains even when only one editor was visible.Page-scoped tools make the current context clearer. They also create a design question: how does an agent enter a workflow whose to
The progress bar that made typing lag: debugging a 331 ms INP in a React game
TL;DR: A friend told me that typing felt laggy in Museek, my free multiplayer music quiz. I was sure the culprit was my autocomplete filtering. The profiler disagreed. The real problem was a progress bar animating its width once per second, plus a full-screen backdrop-filter: blur(). Switching the bar to transform cut background Rendering time by roughly 7x and took keystrokes out of the slow interactions list. The bug reportMuseek is a browser-based "blind test": up to 12 players each brin
We left Big Tech jobs in California and moved back to India. We gave ourselves 2 years to decide if we should stay.
Instead of selling their California home, Chandana Shivanand and her husband rented it out, leaving open the option of ...<img src='https://images.unsplash.com/photo-1650097249495-aec17b7a8df4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMzg1fDB8MXxzZWFyY2h8Mnx8VGVjaCUyMEpvYnN8ZW58MHx8Mnx8MTY1MDE0NTY1Mg&ixlib=rb-1.2.1&q=80&w=1080' />
From Automotive Engineer to IT Consultant: How to Find Job Openings and Present Your Resume to Secure Interviews
[PR] This article contains affiliate links. The author may receive compensation through applications made via these links.Once you have a resume ready, the next dilemma is "which job openings should I apply to?"When I transitioned from an automotive engineer to an IT consultant, I prioritized l
Your URL is user input: type-safe filters in TanStack Start
Open any product page with filters, change the URL to ?page=abc&sort=cheapest, and press Enter.Most apps do one of three things. They crash, they show an empty list, or they quietly treat "abc" as a page number and send it to the API. All three happen for the same reason: the app treats the URL as trusted data, when it's really user input.This post shows how TanStack Start handles that. By the end you'll have a filter page where:bad or missing values fall back to defaults instead of breaking
React Server Components vs 'use client': What Actually Ships to the Browser
Add a log to a Client Component:"use client";export function LikeButton() { console.log("rendering LikeButton"); // shows up in your terminal too return <button>Like</button>;}Load the page, and the message appears in the terminal where Next.js runs, not just in the browser console.So "use client" doesn't mean "runs only in the browser". It means something else, and once you see what, it's clear where to put it. The mental model: the result vs the result plus the codeBoth kind
Why React Needs key: The Bug That Moves Your Input to the Wrong Row
Picture a shopping list with a note field on each row:{items.map((item, i) => ( <li key={i}> {item.name} <input placeholder="note" /> </li>))}The list is Milk, Eggs, Bread. You type "2 dozen" next to Eggs. Then you delete Milk.The list now shows Eggs and Bread, and "2 dozen" sits next to Bread.Nothing crashed, nothing warned. The note moved to the wrong row because of key={i}. The mental model: name tags, not seat numbersEvery render, React has to answer one questi
Launch HN: Pomerado (YC F26) β Turn any website into an MCP for agents
Hi HN, weβre Alan and Akshay from Pomerado (https://pomerado.ai/). We connect your agents to any website by turning sites into deterministic, self-healing APIs in minutes, fully self-serve.Agents are no longer limited by their intelligence, but rather by their ability to interact with systems. Airlines, banks, e-commerce, insurance portals, government sites, and legacy portals all lack APIs or MCPs and are common parts of personal assistant or business workflows. Agents instead re
How to Add Booking to a Next.js App With a REST API (2026)
Originally published on opencals.com. The original stays updated; check it for the latest version.Adding a booking page to a Next.js app looks like a weekend project until you start it. The UI is the easy part. The hard part is everything the calendar needs to know before it can show a single open slot: which staff are working, how long the service takes, what's already booked, how much buffer to leave between appointments, and whether two people can hold the same slot at once. That logic is whe
How to structure a full-stack React + Motoko dApp on the Internet Computer
Hey builders,When you first start building on the Internet Computer Protocol (ICP), getting a basic "Hello World" canister running is pretty straightforward. The real headache starts when you try to scale that into a full-stack SaaS application with a multi-tool React frontend, user state tracking, and clean file handling.While building VaultyPDF (a 15-tool on-chain PDF utility suite), I had to reorganize my project several times before finding a structure that didn't turn into spaghetti code. H
Architecting Full-Stack React & Django Web Applications: Zero-Bloat REST APIs, Edge Caching, and Sub-Second Core Web Vitals
Architecting Full-Stack React & Django Web Applications: Zero-Bloat REST APIs, Edge Caching, and Sub-Second Core Web VitalsWhen modern businesses scale beyond static websites or monolithic templates, they frequently choose a decoupled architecture: a reactive React / Next.js frontend paired with a resilient, security-hardened Python / Django REST Framework (DRF) backend.However, many decoupled implementations suffer from severe architectural anti-patterns:Network Cascades & N+1 Dat
Packaging my own design as a template: the unglamorous parts
I turned my portfolio design into a template. The code was done. The real work was removing myself from it.This post is about the unglamorous parts of packaging software for other people: what had to change, what I almost forgot, and what's still unfinished. If you're thinking about selling a starter kit or template, this is the checklist I wish I'd had. Why a templateAs I wrote on Day 4, I weighed several ways to earn online and chose the one that needed the least new work: packaging a des
Client vs. Server Components in Next.js: Where Each Belongs in an AI Agent Architecture
In a Next.js App Router AI agent, one misplaced 'use client' directive silently converts every child into client JavaScript, breaks server-only imports, and turns fast server-side Supabase hydration into a slow useEffect waterfall. This post maps the exact architectural boundary for a streaming agent workspace: parallel Promise.all queries in an async page.tsx, a zero-JavaScript SessionSidebar Server Component, serializable DTO contracts, and the ReactNode slot pattern for passing server-rendere
