标签：#web

Hello, I'm Maneshwar. I'm building git-lrc, a Micro AI code reviewer that runs on every commit. It is free and source-available on Github. Star git-lrc to help devs discover the project. Do give it a try and share your feedback for improving the project. You might not have noticed, but Chrome quietly started shipping a local AI model called Gemini Nano bundled right into the browser. No API keys. No cloud round-trips. No per-token cost. It just runs on your machine. The interface to talk to it is called the Prompt API , and it landed in Chrome 138. I spent some time going through the full API surface and built a playground that lets you experiment with every feature session management, streaming, structured output, multimodal input, response prefixing, and more in one page. This post walks you through all of it. Why does this matter? On-device AI flips the usual tradeoffs: Free at runtime — the model runs on the user's hardware, not your servers Private by default — no data leaves the device once the model is downloaded Works offline — after the initial download, no network required Low latency — no round-trip to a data centre The catch is that Gemini Nano is a small model. It's great for classification, summarization, Q&A on focused content, and structured extraction. It won't replace GPT-4 for complex reasoning. Think of it as a smart, free, always-available layer you can add on top of your existing product. Enabling the API The Prompt API isn't on by default in all Chrome builds. Enable two flags: Step 1 — Go to chrome://flags/#optimization-guide-on-device-model and set it to Enabled BypassPerfRequirement . Step 2 — Go to chrome://flags/#prompt-api-for-gemini-nano and enable both the base API and the multimodal option. Relaunch Chrome. Then visit chrome://on-device-internals to check the model download status. First use will trigger a download — Gemini Nano is a few gigabytes. The Playground I put together a single-file HTML playground that covers the entire API

1. Stale closure & primitive capture What is the output of the following code? function createIncrement () { let count = 0 ; const message = `Count is ${ count } ` ; function increment () { count ++ ; } function log () { console . log ( message ); } return { increment , log }; } const { increment , log } = createIncrement (); increment (); increment (); log (); Test your understanding of closures, lexical scope, and primitive value capture. ✅ Output Count is 0 🧠 Explanation This is a classic stale closure trap — but not in the way most developers expect. Step-by-step execution: createIncrement() is invoked → new lexical environment created: count = 0 (mutable binding) message = "Count is 0" (primitive string, interpolated immediately at assignment) Inner functions increment and log are defined. Both close over the same lexical environment. increment() is called twice: count mutates: 0 → 1 → 2 ✓ This works as expected. log() is called: It references the variable message message still holds the original string value "Count is 0" The template literal was evaluated once, at the moment of assignment — not re-evaluated when log() runs. 🔑 Core Concept > Closures capture variables , not expressions . > But if a variable holds a primitive value (string, number, boolean), that value is fixed at assignment time. message is not a live reference to count . It is a snapshot . 🛠 How to fix it (if dynamic output is desired) Re-evaluate the template literal inside log() : function log () { console . log ( `Count is ${ count } ` ); } 🎯 What this question tests Concept Why it matters Template literal evaluation timing They run at assignment, not at access Primitive vs reference types Primitives are copied by value; objects/arrays are referenced Closure capture semantics Closures close over bindings, but the value of a primitive is immutable once assigned Mental model of "live" variables Not all variables in a closure are "live views" — only the bindings themselves are 2. JavaScript co

How to build your professional network as a developer — authentic strategies Building a Genuine Professional Network in Tech: A Practical Guide for Introverts and Extroverts Networking in tech isn’t about collecting business cards or forcing yourself to “work the room.” It’s about building real relationships with people you can learn from, collaborate with, and support over the long term. Whether you’re an introvert who prefers deep one-on-one conversations or an extrovert who thrives in crowds, you can build an authentic network that opens doors to mentorship,Jobs, collaborations, and career growth. Redefine Networking: It’s About Relationships, Not Transactions Forget the image of awkward name tags and empty promises to “grab coffee sometime.” Real networking is: Swapping war stories about debugging nightmares Sharing a job posting with someone who’d be a great fit DMing a speaker to say their talk inspired you Helping someone solve a problem without expecting anything back Quality over quantity isn’t just a buzzword-it’s your career strategy. You need 5-10 real connections, not hundreds of superficial contacts. Leverage Twitter (X), LinkedIn, and Dev Communities Effectively Twitter/X for Developer Networking Dev Twitter is alive and vibrant. Use it to: Share what you’re learning (builds credibility) Comment thoughtfully on others’ posts (starts conversations) DM speakers after webinars to say you enjoyed their talk Join tech conversations using relevant hashtags (#100DaysOfCode, #BuildInPublic) LinkedIn Profile Optimization Write a clear headline that explains what you do and what you’re curious about Share project updates, lessons learned, or thoughtful commentary on industry trends Join niche developer groups related to your tech stack Send personalized connection requests mentioning something specific you admired about their work Developer Communities (Discord, GitHub, Open Source) Join Discord servers for your favorite languages/frameworks Contribute to open

Hi r/webdev ! I've been building my geography games site for a while now, and I just added a new game I wanted to share with you called Draw the Country . The idea is simple: you get a country name and a blank canvas, you sketch the border, and then the real outline slides over your drawing so you can see how close you got. You can play freehand, or draw with border anchors guiding you if you want it easier or you just want to learn. There's also a daily freehand challenge same country for everyone, every day. It's completely free. No ads, no sign-up. It's built with Nuxt, Vue, Tailwind, and Supabase. Check it out: https://www.geographygames.net/draw-country Any feedback is appreciated and I hope you enjoy it! PS: The video is recorded on my laptop so drawing with the trackpad is a bit tricky. submitted by /u/ExtremeMotor3772 [link] [留言]

Hello. I have launched https://devtools.aarushnaik.co.uk , a tool for developers to minimise the amount of tabs devs have open. It has a lot of frequently used tools like Regex Checker, JSON Formatters and lots more. It is completely free with no hidden costs (if you would like to support me, there is a Buy Me A Coffee button on the website). If you have any suggestions, please use the google form on the website to report bugs, give feature suggestions and more! Thanks, Aarush. submitted by /u/Extreme_Insurance334 [link] [留言]

I built WebAIM — a fully browser-based recreation of AOL Instant Messenger, the chat app that defined the internet for a whole generation. Sign in with a screen name, build your buddy list, blast someone with a "lol brb," set a cryptic away message quoting your favorite band, pick a buddy icon, join a chat room, and actually talk to real people in real time — all with the authentic Windows 98 look, classic door-knock sounds, and every bit of the nostalgia. What's under the hood: - Real-time messaging powered by Firebase - Buddy lists, groups & online presence - Away messages with auto-reply (and the classic %n, %d, %t variables) - Buddy icons & editable profiles - Group chat rooms - The actual AIM sounds - Full Windows 98 desktop UI — taskbar, desktop icons, start menu, the works submitted by /u/RancidMilkMan [link] [留言]

Hey guys For my dog Viggo's 6th birthday, I got the idea to make a website as a celebration of him. It started with a couple of short animations, and then I just kept going because it was so much fun. The site is intentionally simple. No accounts, AI, or endless scrolling. Just a bunch of tiny looping moments. Tech-wise it's built with React, Next.js, SQLite, CSS Modules, and pixel art created in Aseprite. I'd love to hear what you think! submitted by /u/Individual_Health1 [link] [留言]

Sequence Flow Hi r/webdev , I've been shipping a series of updates to PostPilot over the last few releases (1.5.1 → 1.5.6). Main additions: Sequence Flow Build multi-request workflows from any collection Reorder execution steps Execute the entire flow with one run Useful for auth flows, setup requests, API testing, and repeated debugging workflows Command Palette Quick access to actions and navigation from anywhere in the workspace Collection Search Search kits, folders, and collections from the sidebar Supports method + name matching (e.g. get user ) Variable Extraction Extract values directly from JSON responses into workspace variables Automatically generates the JSONPath Desktop Improvements Auto Update support Close-app confirmation dialog Smarter table column width estimation Improved Sequence Flow collection loading Better responsive behavior in smaller windows Recent additions from earlier releases: MongoDB write operations JSON comparison mode SSL support for self-signed certificates Collection organization improvements PostPilot is a local-first API client, database client, and JSON inspector. Project: https://www.postpilot.dev Changelog: https://www.postpilot.dev/changelog Feedback is welcome, especially around Sequence Flow workflows and API testing use cases. submitted by /u/lactranandev [link] [留言]

Applied to this job. Googled the company, it's a real company. Fishy website but whatever. Got an email from the job posting to do a coding test. It's a google doc with open read access pointing to a figma file with open read access. It says to submit fully coded layouts to a random github user. That user profile is listed as located in Ukraine. If you go to company page on Indeed, it's unclaimed. Yet a person is messaging me via a job post associated with the unclaimed profile, leading me to believe it's the company. If you go to the company's real website jobs page, this job is not listed at all. Indeed in making it possible for people to easily impersonate companies and try to get free work, and who knows what else. STAY WOKE Link to google docs "test" https://docs.google.com/document/d/1lkbS_Mw655_fZbHuABLLQ9vyX5OhcWrO4o4_p53AH-0/edit?tab=t.0 Link to figma: https://www.figma.com/design/7SgqDtl84sAJisWNkZ41bP/Sample-Design?node-id=0-1&p=f&t=AcL8p49tCHnKvHfN-0 Link to git hub profile https://github.com/sharomet Real company's job page: https://lendingpad.com/lendingpad-corp-jobs submitted by /u/notgoingtoeatyou [link] [留言]

This was my very first side project 3 years ago. I guess I have a soft spot for it, because this is actually my 3rd time completely rewriting it from scratch. The new version turns flat scanned PDFs into searchable files, or converts photos of text into editable Word docs. It runs client-side for privacy (except for ai features), and the core OCR features are completely unlimited (no account required). → https://olocr.com submitted by /u/Embarrassed_Ad719 [link] [留言]

Hi everyone, I want to verify if I'm missing anything. I am making a small restaurant website and I want to make it comply with German GDPR. I notice there are solutions like Cookiebot. I was wondering if we can make all of the compliance stuffs by ourselves, or if these 3rd party solutions have something superior that we cannot execute on our own? Thanks submitted by /u/leon8t [link] [留言]

https://cityknow.vercel.app Whenever I look up a city in Google Maps, I mostly see only the same touristic landmarks. However, I wanted to know what the actual city looks like, like the neighbourhoods, side streets, the mundane stuff. So I built CityKnow. You search a city, and get a grid of random street-level images arranged by distance from the center (inner rings show the core, outer rings show the suburbs). Would love any feedback! submitted by /u/BarisSayit [link] [留言]

This is a sanitized engineering note about server-side audio noise reduction for WebRTC calls. Source article: https://www.lodan.me/posts/server-side-webrtc-noise-reduction-pion-ffmpeg-rnn/ What the prototype tests The goal is not to replace WebRTC's built-in audio processing. The narrower test is: receive a WebRTC Opus track with Pion read RTP packets in OnTrack decode Opus payloads to PCM pipe raw PCM into FFmpeg apply the arnndn RNN noise reduction filter validate the output as a file before considering real-time forwarding Why this boundary matters RTP, Opus, PCM, and FFmpeg raw audio input are different boundaries. If the PCM format is wrong, FFmpeg may still produce a file, but the result should not be trusted. For example, if the Go side writes int16 PCM, the FFmpeg input format should be reviewed as s16le , not casually treated as s32le . Production concerns The prototype is useful because it isolates the audio path, but production use needs more work: buffering and latency CPU and memory isolation FFmpeg process lifecycle model choice packet loss and jitter RTP timestamps audio/video sync whether the processed audio is returned to WebRTC or only recorded The full article has diagrams and the longer explanation: https://www.lodan.me/posts/server-side-webrtc-noise-reduction-pion-ffmpeg-rnn/

The role is Junior software engineer, nextjs and python. Fully remote and the interview is online. I'm confident I can deliver but I'm not so confident I can do good enough at the technical interview, if there will be one. I have more than a week to prepare. What are my options here? How can I not bomb the technical interview if they do one? Anything I can do to offset the damage? submitted by /u/Shahadat__ [link] [留言]

https://preview.redd.it/fa5yz70xka4h1.jpg?width=1080&format=pjpg&auto=webp&s=4d13acefd4e2a21999756d282c21b342e96136b3 Recently added a small fun feature on my portfolio's about page, a "Summon bok" button that unleashes a horde of lil boks, you can drag and play play with it. She clearly approved the final result if anyone wants to summon her themselves (you can drag n play) https://thevaibhav.co/about submitted by /u/BuriBuriZaymon [link] [留言]

I wanted to build a build a game, but this time, instead of implementing an existing game I tried to make something unique, without reinventing the wheel: memory mahjong . Initially, I started with a more ambitious project, with more complex mechanics that seemed to take ages, so I said, first I'll shift towards something that I can finish fast but focusing on polishing and simple mechanics. So I took the simplest idea and make it more playable. A memory game combined with mahjong tiles. So, I used mahjong tiles and made the matching rules more interesting: Tiles can match by number across different suits, not just identical pairs Dragon tiles clear as a set of three Flower tiles act as wilds 4 different board layouts so each round feels a bit different It's still a memory game at its core but there's more to think about than just remembering positions. Build with React and then made into a NextJs site. submitted by /u/quantotius [link] [留言]

submitted by /u/veroz [link] [留言]

I'm building a webapp that converts location text into geo co-ordinates. Google's APIs works great and I doubt I would go beyond the USD200 free credits each month. However, I am not keen to have a postpaid commitment since there is no guarantee that I won't go above USD200. There does not seem to be a way to set any global limits on spending in Google Cloud either. I prefer something that is on a prepaid model like how OpenAI or Claude does it. submitted by /u/sonomodata [link] [留言]

Craig Campbell walked away from the river of investor money flowing into AI to create, of all things, a website. Sure, Campbell probably could have started an AI company. He's a former engineer at Meta and an experienced tech founder who in 2022 sold his last venture - an e-commerce tool for businesses that use […]

hey guys, i’ve been frustrated for a while by how bloated and ad-heavy existing wheel fitment databases are. if you’ve ever tried to look up a simple bolt pattern or offset, you know the pain: 3 trackers, 5 pop-ups, and a database that looks like it was built in 2005. so i decided to build a "zero-bloat" alternative: https://boltpatternhq.com/ the core challenge here wasn't the AI part—it was the data structure. i needed to map 10,000+ vehicles with PCD, center bore, and offset specs in a way that was instantly searchable but didn’t require a massive backend hit. a few technical details for those curious: architecture: the site is served as a pure static frontend (html/css/js). no backend, no server maintenance. search: i’m using a pre-computed client-side search index (json-based) for the auto-complete. it’s instant, local-first, and keeps the search experience snappier than any backend call. ai integration: this is the fun part. i'm using cloudflare workers ai to run the models directly at the edge. it avoids all the typical "openai wrapper" latency and cost issues. the model is constrained specifically to my structured database, which helps keep the fitment advice precise and prevents it from hallucinating wildly. it’s still a work in progress, but the goal was to create something "utility-first" for car guys who just want the specs without the tracking trash. i'm currently looking for feedback on the ux of the search widget and the load performance. does the search feel snappy enough on your side? would love to hear what you guys think about the tech stack. submitted by /u/SideQuestDev [link] [留言]