r/Webdev - Top Weekly Reddit
Delve into a community dedicated to the nuances of web development, a space for both front-end and back-end discussions.
 | I built a POTUS tracker that:
Give it a try and let me know what you think! [link] [comments] |
![[link]](https://i.redd.it/iovarqvwh0bf1.gif){kind=link}
 | The amount of actual meaningful work ( routing, authenticating the user, pulling rows from db, rendering the response etc.) compared to everything else just keeps reducing. That feels absurdly counterintuitive since there hasn't been any real algorithmic improvement in these tasks so logically more sensible approach is to minimize the amount of code that needs to be executed. When there is no extra bloat, suddenly the need to optimize more disappears as well. Yet we are only building more complicated ways to produce some table rows to display on user's screen. Even the smallest tasks have become absurdly complex and involve globally distributed infrastructure and 100k lines of framework code. We are literally running a webserver ( with 1-2g or ram....) per request to produce something that's effectively "<td>London</td>" and then 50kB of JavaScript to update it onto the screen. And then obviously the performance sucks since there's simply 1000x more code than necessary and tons of overhead between processes and different servers. Solution? Build even more stuff to mitigate the problems that did not even exist in the first place. Well at least infra providers are happy! [link] [comments] |
![[link]](https://i.redd.it/8nxatbx7ot9f1.png){kind=link}
 | In this Google video talking about the new places SDK this guy shows a screenshot where they put the API key in the script tag for the Google Maps API. Wouldn't this be visible to users on the front end where others could see it? Does setting an HTTP referrer restriction negate the risk? My understanding is that when calling an external API with an API key, you should make that call on the back end and return the response data to the client. [link] [comments] |
![[link]](https://i.redd.it/arev79nud6af1.png){kind=link}
 | Preface: Building a platform which needs a subset of a logged in user's tweets for processing. The pricing is ridiculous, the free their is pretty much useless! No wonder every tries to scrape their content in whatever ways possible. Does anyone know of or has used frameworks for Next.js which supports Twitter's OAuth 1.0a authentication? Clerk says that the Twitter v1 is deprecated. https://x.com/XDevelopers/status/1641222782594990080 If you had to, how would you access a user's subset of tweets. Twitter v1.1 APIs have a better more generous tier but maybe I will need to roll my own Twitter v1 auth instead. [link] [comments] |
 | and so they decided to "create" liquid glass to make up for it. [link] [comments] |
 | I'm working on a computer vision / augmented reality project, using hand movements to distort webcam video This runs in real-time in the browser, using a normal laptop + webcam Built with threejs, mediapipe computer vision, and webgl shaders Live demo: https://www.funwithcomputervision.com/whirlpool-camera/ [link] [comments] |
![[link]](https://i.redd.it/3ql7frtma2bf1.gif){kind=link}
 | I’ve been working on a coding puzzle game where you guess what a code snippet prints. I recently added a basic multiplayer mode, and surprisingly, I got it working using just Supabase database listeners (on ‘postgres_changes’), no sockets, no WebRTC, just real-time database events. The experience was a mix of “this is magic” and “why did nothing update just now?” One issue was that sometimes a listener wouldn’t fire, so the room state wouldn’t update. To work around it, I added a few safeguards: I know this isn’t a scalable solution. I’ve used socket servers before on the player side, but I’m not too confident with setting up a solid backend for multiplayer yet. Still, it was cool to get it working this way, and I’d love to hear how others approach real-time multiplayer at scale. Here’s the game if you want to try it: https://whatitprints.com You can play solo in Endless Mode, or try out the new Multiplayer Mode and race friends to guess what the code prints. [link] [comments] |
![[link]](https://i.redd.it/6tnd3ikukvaf1.gif){kind=link}
 | submitted by /u/deming [link] [comments] |
 | Disclaimer: All the data collected and model generations are open-source and generation is free. I am making $0 off of this. Just sharing research that I've conducted and found. Over the last few months, I have developed a crowd-source benchmark for UI/UX where users can one-shot generate websites, games, 3D models, and data visualizations from different models and compare which ones are better. I've amassed nearly 4K votes with about 5K users having used the platform. Here's what I found:
Overall Takeaway: Models still have a long way to go in terms of one-shot generation and even multi-shot generation. The models across the board still make a ton of mistakes on UI/UX, even with repeated prompting, and still needs an experienced human to properly use it. That said, if you want a coding assistant, use Claude. [link] [comments] |
 | Started as a one-evening MVP in February - a Next.js page that called the Gemini API and displayed color-coded Korean grammar for my wife. Since then, Hanbok now generates hundreds of analyses per day (up to 40,000 total now!) and we're almost at 1,000 users, which is amazing and I'm so grateful for the support! It's gone through a few redesigns, and I've added several new features like spaced repetition flashcards, 9 additional languages, song lyric analysis, and a chat interface for asking followup questions based on a sentence analysis! Demo: https://hanbokstudy.com (feedback welcome). The stack: - Next.js front-end - Custom CSS for all the styling - Express web server - Redis - MongoDB - GPT-4.1 for OCR and chat - Gemini for analysis - DigitalOcean/NGINX In the near future I plan on adding a forum for language Q&A, more languages per user requests (like Vietnamese, Hindi, and Indonesian), and grammar practice quizzes based on your history! The github repo and the discord server are linked on the site :) [link] [comments] |
 | submitted by /u/usaidr [link] [comments] |