r/webdev ·Sunday, December 28, 2025

A developer created Ward, a Chrome extension that uses Google's Gemini AI to analyze web pages in real-time for social engineering tactics like fake urgency, authority impersonation, and tech support fraud patterns. Unlike traditional blacklist-based tools, it detects scam 'vibes' and has successfully identified fake crypto investment pages and bank login phishing sites. Post-launch data revealed 75% of traffic comes from mobile users, prompting active development of an iOS version. The developer currently has about 60 desktop users and is seeking feedback on web app styling, extension latency, and call-to-action effectiveness.

A developer created an interactive web tool to help their team learn PROMQL after transitioning from New Relic to OpenTelemetry (OTEL). The tool uses scenario-based learning to teach common PROMQL queries through practical examples. It's hosted on Vercel and available as an open-source project on GitHub. The creator is seeking feedback from the community to improve the educational resource.

A developer has created a browser-based MVP demo for an alternative blockchain system called "GrahamBell" that aims to fix structural issues in current blockchain technology. The system enforces a Proof-of-Work (PoW) mechanism that limits mining to 1 hash/sec per node, ensuring equal participation regardless of hardware (phone, PC, or ASIC). The developer claims the technology already works and is seeking collaborators who recognize the importance of this approach to prevent further deterioration of blockchain's original decentralized ideals.

A developer has created Cravin', a recipe-sharing website that adds competitive elements to cooking. The platform features a rating system (Sweet/Sour), leaderboards for top creators and trending recipes, and skill-based competitions with cash prizes. The site originally used HTML, CSS, JS, PHP, and MySQL, then migrated to React for better performance, and finally to Next.js for improved SEO. Stripe handles payments, and Digital Ocean provides hosting. The developer seeks feedback on the design and functionality from the web development community.

A developer created a Chrome extension called Debug Buddy Claude that monitors browser console errors and provides explanations using Claude AI. The extension runs locally on the user's machine and requires their own API key, eliminating the need for a backend server. The creator shared the project on GitHub and asked the web development community for feedback on its usefulness and potential improvements.

A developer is building a worldbuilding app in Electron and wants users to create custom data types, similar to tools like Anytype or LegendKeep. They plan to use SQLite and are considering creating a new table for each user-defined object, but are unsure if this approach is viable. The post explores whether using JSON or separate tables is better for handling dynamic, user-defined schemas in a database.

A developer created a personal finance app called WealthSync that includes a 'Lumon Terminal' feature inspired by the TV show Severance. This unique interface allows users to categorize their bank transactions in a gamified, inefficient manner reminiscent of the show's fictional data refinement process. Despite its deliberate inefficiency, the developer reports that using this method has improved their recognition of spending patterns. The app also offers standard features like bank synchronization, expense categorization, data visualization, and end-to-end encryption for security.

Project 1UP is a gamified personal finance app that transforms traditional budgeting into an RPG-style experience to combat user disengagement. Built with React 19 and Tailwind CSS, it uses a zero-based budgeting engine where financial tasks become game mechanics—like attacking a 'boss' to pay off debt or leveling up a skill tree for savings. The backend leverages Supabase for real-time sync, while Google Gemini AI powers three NPC roles: The Oracle for financial coaching, The Bard for narrative spending summaries, and The Scribe for automating transaction categorization.

A developer has built interconnected web experiences that intentionally mix narrative or archival elements with live, usable tools such as accessibility features, security tools, and routing utilities. The interface itself guides discovery of available functions, with all components accessible without payment or gated demos. Shared in r/webdev, the creator seeks feedback from fellow developers on this hybrid structure that merges storytelling with practical web applications.

A Reddit user on r/webdev asks if modifying a survey link received via email can prevent the sender from tracing feedback back to them. The post explains that email campaigns from platforms like Alchemer often use unique, traceable URLs linked to the recipient's email address and contact data. The user seeks a way to alter the URL slightly to provide honest feedback anonymously, questioning whether changing a letter or number in the link would break the tracking mechanism.

A mathematics student developed a website to calculate how many classes they can skip while maintaining the required 75% attendance at their college. The tool automatically computes allowable absences based on semester dates, required attendance percentage, working days, and holidays. Users don't need to save data—they can check their bunking allowance anytime. The student shared a preview image showing the interface, explaining they created this solution to address their fear of attendance requirements while minimizing class attendance.

A web developer shares their experience building a website for a family scooter shop, realizing that the biggest challenge wasn't choosing between frameworks like Next.js or WordPress, but rather defining clear project boundaries. The key insight was that this was a catalog site, not e-commerce, with priorities being easy updates, mobile optimization, clean layout, and basic SEO. They adopted a structured approach by first gathering content in rough form, using tools like genstore to establish site architecture before selecting technical solutions, emphasizing that understanding the project's scope and goals is more critical than the specific technology stack.

A Reddit post in r/webdev titled 'The Most Cursed Web Development Stack You'd Ever See Before Christmas' shares a YouTube video link showcasing an unconventional and humorously 'cursed' web development stack. The post, submitted after Christmas, highlights a setup that likely combines outdated, overly complex, or poorly integrated technologies, sparking curiosity and amusement among developers about what makes this stack so notoriously bad.

A beginner web developer is creating a logic puzzle game for grade school students using React and plain CSS. The goal is to design an engaging, simple-to-understand interface suitable for classroom activities or warm-ups. The developer has reached a point where they need external feedback to improve the project further and is seeking suggestions from more experienced developers in the r/webdev community.

A web developer seeks honest retrospectives from peers who have implemented inbound email integration in projects. The post asks about underestimated complexities, unexpected challenges, and whether developers would choose to build custom solutions, use off-the-shelf services, or design systems to avoid email altogether. It specifically focuses on complex scenarios involving multiple inboxes, different email providers, syncing, threading, attachments, and long-running state management—beyond simple shared inbox setups.

A web developer encountered a CSS margin problem while styling a Django form. They wrapped form fields and labels in <div> elements with class 'field-item' and set margin-bottom: 100px, but the margin didn't apply. However, when they used <p> tags instead of <div> tags with the same class, the margin worked correctly. The developer shared HTML and CSS code snippets showing the issue and asked why CSS wouldn't work with just a <div> wrapper, seeking clarification on CSS behavior with different HTML elements in Django templates.

A developer created Matle, a daily puzzle game that merges chess and Wordle concepts. Players are presented with a chessboard showing a checkmate position where five squares are hidden. The objective is to guess what occupies those squares—either chess pieces or empty spaces—with only legal checkmate positions accepted. The game provides feedback using a color-coded system: green for correct piece and position, yellow for correct piece but wrong position, and gray for incorrect pieces. The developer shared the game on r/webdev, inviting feedback and ideas from the community.

A developer created a free web app called Income Grid that tracks your income by the second, allowing users to visualize their earnings in real-time. The app includes humorous features like adding your boss or celebrities like Taylor Swift to an infinite canvas to compare income disparities. It also offers AI-powered tools such as 'Smart Fill' to compare earnings with companies like Amazon or high-profile individuals, and a 'Career Insight' button that provides salary critiques and career advice. The app is presented as a playful tool for monitoring earnings during breaks or for entertainment.

A Reddit user in r/webdev presents their first independently created website, RestorationHub.net, which serves as a marketplace for buying and selling project cars. The platform also allows businesses to advertise and offers educational content about car maintenance. The creator seeks feedback and advice from the community, expressing openness to suggestions and willingness to answer questions. The post aims to gather constructive criticism to improve the site's functionality and user experience.

A web developer preparing to leave their job is seeking a tool that can automatically generate a 'survival guide' from a private GitHub repository. They want to avoid spending their final week creating traditional documentation for a messy, patched codebase that might not be read. The ideal tool would identify critical elements like hidden API keys, dangerous files, and server startup procedures, making the handoff process more efficient and less tedious.

A web developer shared their portfolio website, which breaks away from the popular "clean minimalism" trend by adopting a futuristic aesthetic. The site features a dark theme with 3D elements, built using Next.js for the framework, Three.js for 3D modules, and GSAP for animations. The developer asked the r/webdev community for feedback on the design and suggestions for improvement, providing a link to the live site for review.

The author shares their journey from struggling with no clients and self-doubt to achieving a stable $6–8k monthly income through freelancing. Initially believing success depended on talent, luck, and persistence, they realized their approach lacked a cohesive system, making efforts fragile and reactive. The breakthrough came from adopting a structured methodology: deeply studying a specific market, crafting offers focused on measurable outcomes rather than tasks, and refining outreach strategies. This shift from chaotic effort to systematic execution transformed their freelance business, emphasizing that success requires more than hard work—it demands a strategic framework.

A beginner frontend developer shares their dashboard design for a regulation horizon scanning tool aimed at helping companies track upcoming regulatory changes. They mention using AI tools like Cursor and Gemini for inspiration and implementation, and ask the community for feedback on the design while also inquiring about sources for UI inspiration.

A frontend developer has built a personal portfolio website at devmanish.com and is seeking constructive feedback from the r/webdev community. The site is designed to be a clean, minimal showcase of their work, skills, and experience, with a focus on readability, performance, responsiveness, subtle animations, and clear navigation. They specifically request feedback on design, visual clarity, UX/usability, performance/loading, mobile experience, and any confusing or unnecessary elements. The developer welcomes honest criticism to improve their portfolio.

A developer shares five key lessons learned from experiencing multiple production outages: bugs are rarely where you first look, logs without context are useless, "it works locally" is meaningless, rollback speed is more important than fix speed, and the 2am version of you will hate the 2pm version's decisions. The core advice is to build systems with the expectation that you'll be debugging them at 2am, emphasizing proactive, thoughtful development practices over reactive fixes.

A developer shares their frustration with using Figma and Canva for creating marketing screenshots, finding them time-consuming and frustrating due to their complexity. To address this, they built Shotframe, a tool designed to streamline the process by removing design decisions. Shotframe allows users to quickly select device frames, backgrounds, and dimensions without needing design skills, layers, or artboards. The tool aims to provide "good enough" results in 60 seconds, specifically targeting developers who want efficient, no-fuss screenshot creation for launches.

A developer expresses a preference for lower-level web frameworks like MinimalAPI, FastAPI, Flask, and Javalin over higher-level ones such as .NET Core's MVC. They find MVC overly complex, with hidden conventions and implicit behaviors that make it feel overengineered. Specific frustrations include naming quirks, boilerplate code, and outdated documentation. In contrast, lower-level frameworks are praised for their explicitness and clarity, allowing developers to better understand and control their code flow.