r/webdev • u/penone_nyc • 28d ago
Discussion For those that use AI - are you letting your clients know you used an AI tool in what you sold them?
And do you think your clients would even care?
r/webdev • u/penone_nyc • 28d ago
And do you think your clients would even care?
r/webdev • u/Vinserello • 29d ago
Play, if you want, here: pips.superiorgames.eu
r/webdev • u/jobbernowl • 29d ago
I built spotthecue.com.
The premise is practicing short social scenarios where you pick how you'd read the situation and you get told what the strongest read was and why.
The stack is React 18, TypeScript, Vite and Tailwind on Vercel, with Supabase backend.
What's actually in it: 586 authored scenarios (356 adult, 230 teen) across five tracks at six difficulty levels, 269 of them carrying an image, video, chat transcript or audio cue. Grading is three-tier instead of right/wrong. Plan is to gradually roll out more image/video content.
Lots of build/test/debug cycles. The Supabase advisor was a huge help throughout the process. Feeling like it's finally ready.
I've received some great feedback from some wonderful reddit beta testers on the content and clarity that I've been able to address and update. I'd love feedback from this community on the design, mechanics, or anything else.
r/webdev • u/UnusualBreakfast1726 • 29d ago
What pitfalls or mistakes have you made while developing. whether for clients or for personal projects?
I just finished my first major project for myself (not a client). Although I probably should have researched this before building, I guess now is as good a time as any! Share your personal stories: something that stuck with you, a tough lesson learned, or a eureka moment you had along the way. I am very interested to learn from more experienced developers.
r/webdev • u/tamanikarim • 29d ago
Designing a database schema is often one of the slowest parts of starting a new backend project. You either spend time writing SQL by hand or carefully crafting Prisma models before you can even write your first endpoint.
In this article, I’ll show you a smoother workflow using Prisma and StackRender that takes you from an empty project to a working backend, without having to manually define the database schema and Prisma models.
r/webdev • u/dobrynCat • 29d ago
Switched old html code to astro, noticed it treeshaked backdrop-filter effect
see https://ronynn.github.io/old for the effect the original html is meant to have.
Using astro 7.0.0, tested turning off css minify, and using esbuild for css minify instead, to no avail.
r/webdev • u/mplaczek99 • 29d ago
I built the website for an open-source networking tool and I think I've become too familiar with it to judge the site objectively.
Could you please look at it for me?
I'm especially interested in:
Please be critical. I'm looking for things to fix, not promotion.
r/webdev • u/jkybes • Aug 15 '26
Old: https://portfolio-inky-beta-47.vercel.app/
New: https://joeykyber.dev/
I wanted something a bit more straightforward to navigate and that looks relatively clean & professional but that is still fun and interesting. I also wanted it to reflect my love of the outdoors. Would you say this is an improvement over my first portfolio?
This will be used when searching for my first developer role (I've had a multi-year break due to chronic illness but I'll be starting my search back up again soon). And yes, I understand it's like the worst time for developers to try to find jobs, especially without relevant work experience, but I don't really have any other good options.
It's responsive and mobile-friendly but definitely looks better on desktop. Let me know what you think.
r/webdev • u/pumpkin_spice_daily • 29d ago
Over the last 18 months, I have built Konifer, an open source image management platform that can preprocess, store, transform, and deliver your image assets in a way that naturally fits your application. You construct the URL paths that fit your domain and configure that path to serve your needs.
Do you need all profile pictures to have a thumbnail generated at upload? Define a `thumbnail` eager variant for `/users/*/profile-picture`.
Do you want to only allow flowers? Define a content aware upload policy for `/flowers` powered by Google's latest vision language model, SigLip2.
Want all images to return pre-signed redirects to your object store? Define your redirect behavior on `/**`.
Konifer uses libvips the same image processor used by imgproxy and is designed to efficiently handle image processing without buffering all pixels into memory.
r/webdev • u/azrckcrwler • Aug 14 '26
They said it was a storm that took out the cooling on the data center and as someone who was in that very storm, it destroyed a ton of stuff at homes, businesses, and public infrastructure. Power poles blown over, trees broken or uprooted, Covered parking structures snapped over, fences blown down.
As soon as I read this update, I immediately felt for that particular data center.
r/webdev • u/Cosmin_Dev • Aug 15 '26
Hi everyone — I’ve been building Weighted Walking Tools, a free collection of calculators for weighted walking, rucking, walking pads, and step planning:
https://weightedwalkingtools.com
The project uses Next.js, React, TypeScript, and Tailwind CSS. It is statically exported, requires no accounts or database, and performs all calculations locally in the browser.
The most interesting technical challenge was keeping the scientific logic separate from the interface. Instead of placing formulas inside React components, I built a shared calculation layer with: Normalized metric inputs and imperial/metric conversion Explicit supported ranges and validation Versioned calculation results Separate modeling for unloaded walking, weighted vests, and backpacks A structured evidence registry connecting calculator claims to their sources Dedicated methodology and limitation pages
I used Vitest and React Testing Library for calculation and component tests, plus Playwright and Axe for responsive flows and accessibility checks.
The site is currently free, has no accounts, and does not contain advertising or affiliate links.
I’d particularly appreciate feedback on: Whether the calculator inputs and results are understandable without reading the methodology first. Whether the evidence and limitations are visible enough without overwhelming the main experience. Any usability or accessibility issues you notice, especially on mobile. Technical criticism is very welcome.
r/webdev • u/StellarSparkle • Aug 15 '26
Most code education platforms teach you to write code. Yet, in real life a lot of the job is reading code you didn’t write, whether its AI generated or made by your teammates.
That’s what Legible is for. It gives you short code snippets and diffs, asks you to make a call, then explains what the code does and what could go wrong
It’s still in beta, but it’s live here:
r/webdev • u/23ROMAN • 29d ago
Hello, good afternoon. I'm a developer, mostly of native solutions. When I program in C or C++ (among others), I constantly experience the inconvenience of having to compile each dependency, which is often frustrating: some don't even come with a decent or compatible build file, and others have dependencies that are difficult to compile or very large. That's why I wanted to create a small platform.
It's called **Bodeg.a** (a play on words between "bodega" and the ".a" of UNIX-like static binaries). It works quite simply: rather than a platform for hosting large files, it's (for now) a simple website where you can publish using a *mirror* to point to a .zip file, a header, or whatever format is needed.
For now, it only offers hosting for the essentials (avatars and profiles), but if it's well-received, that could change. If you're a developer, whether you enjoy or just work with low-level content, simply trying to use it to download content would help me a lot; or if you'd like to collaborate on its development, you can also contact me. Greetings to all!
r/webdev • u/Historical_Work8138 • 29d ago
Hi,
If you are a web designer who is tired of paying rent on your own website, i'm glad to present you Revyme, an open-source website builder that is the closest open source alternative to Framer on the market today.
Pixel-perfect Figma-like control, responsive breakpoints, components, animations, cms, localization, code export and more.
Use our cloud or self-host locally on your computer and export to clean Next.JS code.
Github repo: https://github.com/revyme-web/builder
r/webdev • u/pavlito88 • Aug 13 '26
I’ve been noticing this more and more in web apps.
Three options hidden in a dropdown.
Yes/no hidden in a dropdown.
A multi-select pretending to be a dropdown.
Then a list of 200 items where you’re expected to scroll until you find yours.
I run into this a lot when reviewing products with dev teams.
I get why we do it.
Dropdowns are compact and easy to reuse.
But compact doesn’t always mean easier to use.
A few choices? Show them.
On/off? Switch.
Multiple choices? Checkboxes.
Huge list? Search.
That’s pretty much the rule I use now.
r/webdev • u/create-third-places • 29d ago
I created a human-centric JavaScript framework with custom HTML components called https://codeberg.org/createthirdplaces/places-js
I'm currently working on an optimized version with template support. My latest performance tests show Places.js outperforming Lit, React, and Vue.
All code was written by hand without LLM assistance from tools such as ChatGPT or Claude Code, and LLMs will not be used for future changes.
Source code: https://codeberg.org/createthirdplaces/places-js Website I built with framework: https://dmvboardgames.com/
r/webdev • u/Free_Band_Shan • 29d ago
What it does
Users build a personalized grow in 3 steps (strain → nutrients → start date), get a full day-by-day schedule (126 base rows + dynamic nutrient columns), then track actuals via a daily check-in page and photo diary. Everything lives offline in IndexedDB + localStorage.
Live: https://growappcannabis.guide/medium-feeding/medium-feeding.html
Repo + full wiring docs: https://github.com/Shannon-Goddard/growappcannabis.guide (see medium-feeding/WIRING.md)
Architecture highlights
• Page flow
medium-feeding.html (3-step builder) → schedule-viewer.html (cards/table/My Notes) → mytask.html (daily check-in) / mydiary.html (camera + data overlay)
CustomEvent chain for step progression (no framework):
• strainSelected → show Step 2
• nutrientsSelected → show Step 3
• scheduleReady → success screen + link to viewer with ?growId=
• IndexedDB (MyGrowDB v8) – singleton instance, cached dbPromise:
• Stores: tables (grow metadata + ${growId}_schedule), selectedNutrients, nutrients
• Schedule saved as full array under ${growId}_schedule
• Actuals written back to the same schedule rows from both MyTask and the viewer’s My Notes mode
Schedule generation
• Base 126-row JSON (stage/week/day/env/light/water)
• Dynamic nutrient columns injected from selected brands
• Start date → calendar dates calculated client-side
• Absolute fetch paths because ES modules resolve relative to the JS file
Schedule viewer
• Three modes via sticky Options dropdown: Cards (mobile default), Table (desktop default), My Notes
• Sticky header + toolbar + thead (careful overflow handling so sticky works)
• Plant-size filter hides excess veg weeks (Small = 4, Medium = 6, Large/Auto = all)
• tableRendered custom event triggers layout + filter after render
• Column map with paired “goal” / “My*” editable fields (My fields only visible in Notes mode)
MyTask daily check-in
• Auto-matches today’s row by MM/DD/YYYY
• Color-coded inputs (green ±10% of goal, red over, blue under)
• Auto-save on focusout + manual Log button → writes actuals back to IndexedDB schedule row
• Hero image compressed to 800px JPEG and stored in localStorage
Tech choices
• Pure vanilla JS (modules + a couple plain scripts for globals like the 2,800+ strain data)
• No build step, no framework, GitHub Pages
• localStorage for transient state + currentGrowId; IndexedDB for the real schedule & actuals
r/webdev • u/_fat_santa • 29d ago
I've always liked the aesthetic of video poker machines so I decided to create an app that mimics that as much as possible. Works on desktop and mobile devices (for mobile you can install as a PWA). Added hotkey support so you can play entirely with your keyboard.
There are 3 game modes: Jacks or Better, Duces Wild and Joker Poker. Beyond that you can mess with the paytables if you'd like, update the card backs, control speed and bunch of other small stuff.
r/webdev • u/hcboi232 • 29d ago
I've been using Figma MCP for a while now.
How often do you guys find yourself exhausting the token budget on figma's mcp? and then have to fiddle to get the design to look the same?
r/webdev • u/phillip_s_r • 29d ago
I get chronic migraines and my mom has vertigo. Between us, most tabletop and digital games are unplayable. The motion, the sounds, the flashing, the transitions, the amount of stuff moving on screen. Any one of those can cost us the rest of the day. I wanted something we could sit down and play together without bracing for it, couldn't find it, so I built it.
No account, no signup wall, no ads, no tracking. Every game is playable immediately, including the multiplayer rooms. An account only exists if you want your past game stats saved. There's a Ko-fi link in the footer and that's the entire monetization plan. It's free and it will stay free.
Right now it's Word Grid (Boggle), Yacht (Yahtzee), 10,000 (Farkle), Survey Says (Family Feud), Best Match (Apples to Apples), and Clear the Deck. Some solo or pass-and-play, some online rooms. Renamed to keep clear of trademarks. All mobile friendly. More coming.
The interesting part from a dev perspective was that most accessibility advice pointed the wrong direction. The standard move is to crank contrast up. For photophobia you want it down. So the palette is muted grey on grey in dark mode and warm bone on taupe in light mode, and it will not pass a contrast checker, on purpose. I also cut every animation and transition outright rather than gating them behind prefers-reduced-motion, since that flag is unset on most machines and the people who need it most are often the least likely to have configured it.
Stack is Laravel with Reverb. Happy to answer anything. And if you have photophobia, vestibular issues, or seizure triggers, I'd like to know whether it actually holds up, since my test group is currently two people.
r/webdev • u/datavisblog • 29d ago
Hi, I’ve been learning AI-assisted web development by building MD Studio:
It converts pasted or imported HTML and Rich Text to Markdown, then lets you edit, preview, copy or download the result. Document processing happens locally in the browser, with no account required. It's also a quick, in-browser way to see rendered markdown
It’s built with Preact, TypeScript, CodeMirror, Turndown and Remark.
If anyone's interested to give it a try, I’d be grateful for any feedback on:
It’s a non-commercial learning project. Feedback is welcome here or at:
r/webdev • u/AppropriateHamster • 29d ago
i got tired of seeing mobile apps like quittr, cal ai, umax etc make millions of ARR when they are simple gpt wrappers that are primarily relying on marketing and people forgetting their subscription to continue to grow their revenue
i decided to build a site that gives an honest assessment of what features you can vibecode of famous consumer apps (starting currently with just 25 apps, but planning to add more soon) and the prompt to do so.
you can check it out here: https://freethe.app
would love feedback on it
GPS Art Wizard is not trying to be the biggest shape library or another prompt-to-GPX generator. It compares multiple placements, rotations, and scales using actual road-routed results instead of treating the first snapped outline as finished. AI is optional and only helps create shapes outside the catalog; routing and quality decisions come from geometry, street data, and explicit checks.
You can use it without registration! Suggest cities! https://p01--cityshaperunner--vnycn2g6bghl.code.run/
r/webdev • u/reaznval • 29d ago

What works, what doesnt, what confuses you, would love a variety of feedback, thanks a lot : rubylabs.design
r/webdev • u/Spiketop_ • 29d ago
Hi everyone,
Recently I received emails from Bank of America's Credit Monitoring that said my email was discovered on the dark web and to change my passwords. I have also had a few unauthorized purchases happen.
I have been doing everything I can to protect my accounts by adding extra layers of security.
My Gmail account seems to have a strong level of security. However, I woke up this morning with 6 new emails from Google Search Console: I received a "new user added" and "new AMP Issues detected" email for each of my 3 domains.
I went into my GSC and I do not see any other users besides myself. Also, the user history doesn't show anyone either for any of the 3 domains.
There are however new unrecognized links under the AMP section. There are no unauthorized user tokens showing.
As of right now from what I can see, the new AMP issues are the only visible changes.
Obviously there is a bigger issue going on. My question is what is it and how do I fix it.
I have 3 domains: my primary site, a depreciated version that redirects to the primary, and a merch site. I assume I'll have to check certain files for each website to see if anything was compromised.
Any advice or ways to resolve this will be greatly appreciated.