标签：#webdev

Hey r/webdev 👋 I recently launched UtilCraft , a collection of free browser-based tools for devs and creators. The whole idea is that everything runs locally, nothing gets uploaded anywhere. Right now it has 16 tools across 6 categories: 🛠️ Developer tools (UUID generator, JSON formatter, Regex tester, Cron generator…) 🖼️ Image tools (compressor, converter, resizer) 📄 PDF tools (merge, split) 🔒 Security (password generator, hash generator) 📝 Text tools 🔄 Converters (color, unit) I'd love to know two things from people who actually write code for a living: 1. What tool do you find yourself Googling way too often that you wish was just… there? 2. Any of the existing tools that feel half-baked or could be way more useful? No account needed, no sign-up, just open and use. Roast it, suggest stuff, I'm all ears. 🙏 submitted by /u/Yolmack [link] [留言]

Hi everyone, I need some career advice. I'm from a non-IT background and have been working in a small company for the last 2.5 years, mainly doing HTML and WordPress work. I don't have much exposure to modern development, and with AI changing the industry so fast, I'm worried about my future career growth. I'm thinking of joining an offline Full Stack Development course in Chennai because online learning hasn't worked well for me. I'm confused between **Java Full Stack** and **Python Full Stack**. For those who have experience in this field: * Which stack would you recommend? * Which institute is better: Besant Technologies, Greens Technology, or FITA Academy? * Are there any better alternatives in Chennai? I want to learn real-world projects and build skills that can help me get better opportunities. I'm 2.5 years into my career and don't want to make the wrong decision at this stage. Any guidance, personal experiences really help full for me. Any advice would be greatly appreciated. Thanks! submitted by /u/Best-Quantity-4749 [link] [留言]

15 years ago Akamai was the CDN network every tv station was using to distribute their content on, but from what I can remember they were also crazy expensive. Nowadays I still noticed that most major companies use Akamai but with strong competition from AWS. Did Akamai became more price friendly or did AWS become to have to same amount of local nodes? submitted by /u/Sure-Guest1588 [link] [留言]

The biggest headache im having is learning how to separate elements on the page correctly. I can center things and all, but dont know when to create a new section or just keep using the same since most things i can center or adjust using some propertie. Is there anywhere I can learn about something like this? i was trying to learn about the structure of websites trough the inspect in the browser(just to know what what are some best practices to adopt) and it just feels confusing. Im new to webdev, and was doing it to learn how to separate the divs on the page, then i asked claude to generate some random site just to read through the code, and simply everything is divs, like everything, no h1, title, nothing. From what i understand divs are the favorites because they dont have any set properties, and there's the thing about being able to arrive at the same result in different ways. But is it really the optimal way? Thank you in advance. submitted by /u/SkullDriv3rr [link] [留言]

I spent way too long staring at this error. If you're here, you probably are too. Your requirements could not be resolved to an installable set of packages. Problem 1 - Root composer.json requires php ^8.3 but your php version (8.2.30) does not satisfy that requirement. My Laravel 13 app needed PHP 8.3. My Hostinger server was running 8.2. composer install refused to budge. Here's exactly what happened and the one-liner that fixed it. The Setup I was deploying a Laravel 13 + Inertia + React app to Hostinger shared hosting. Laravel 13 requires PHP 8.3 minimum — and so do its locked Symfony 8.x and PHPUnit 12.x dependencies. My composer.lock had been generated on a local machine with PHP 8.3, but Hostinger's CLI was defaulting to 8.2. The hPanel showed PHP 8.3 selected under PHP Configuration . The website itself was running fine on 8.3. But SSH? Still on 8.2. $ php -v PHP 8.2.30 ( cli ) That disconnect — hPanel vs. CLI — is the trap. What I Tried First composer update My first instinct was to just let Composer resolve newer compatible versions: composer update No luck. The root composer.json itself declared "php": "^8.3" , so Composer refused before even touching the lock file. The PHP constraint wasn't just in dependencies — it was in my own project requirements. composer install --ignore-platform-reqs This flag skips platform checks and forces the install anyway. It works , but it's a lie — you end up with packages that may behave incorrectly or fail at runtime because they genuinely require PHP 8.3 features. Not a real fix. Changing PHP in hPanel Hostinger's control panel has a PHP version switcher under Hosting → Manage → PHP Configuration . I had already set this to 8.3. This controls the web server / FPM version — what runs your .php files in the browser. It does not change what php points to in your SSH terminal. That's the key distinction most tutorials miss. What Actually Fixed It Hostinger installs multiple PHP versions in parallel. They live in /opt/alt/ph

Frontend request code often involves repetitive state management. This article compares Axios and alova through a paginated list example, analyzing how request strategization reduces boilerplate and when it's a good fit. The Pattern: Paginated List in Two Ways A common requirement: fetch a user list with pagination. Approach 1: Axios const [ data , setData ] = useState ([]); const [ page , setPage ] = useState ( 1 ); const [ total , setTotal ] = useState ( 0 ); const [ loading , setLoading ] = useState ( false ); const [ error , setError ] = useState ( null ); const fetchUsers = async ( currentPage ) => { setLoading ( true ); setError ( null ); try { const res = await axios . get ( ' /api/users ' , { params : { page : currentPage , pageSize : 10 }, }); setData ( res . data . list ); setTotal ( res . data . total ); } catch ( e ) { setError ( e . message ); } finally { setLoading ( false ); } }; useEffect (() => { fetchUsers ( page ); }, [ page ]); This pattern appears in nearly every data-fetching component. The actual business logic — GET /api/users — occupies a single line. The rest is infrastructure: state declarations, loading toggles, error handling, and effect management. Approach 2: alova with usePagination const { data , total , loading , error , page , pageSize , nextPage , prevPage , } = usePagination ( ( page , pageSize ) => alovaInstance . Get ( ' /api/users ' , { params : { page , pageSize }, }), { page : 1 , pageSize : 10 } ); Both implementations are functionally identical. The key difference is where the state management logic lives: in the component (Axios) vs. inside the hook (alova). What Changed Component of Axios version Handled by alova loading state + toggling Managed internally by usePagination error state + try/catch Managed internally by usePagination data state + assignment Returned as reactive value page state + change handler Built-in nextPage / prevPage total state extraction Extracted from response automatically useEffect dependency tr

This is a submission for the Hermes Agent Challenge Agentic Web3: Automating Blockchain Workflows with Hermes Tags: #hermesagentchallenge , #web3 , #agents , #solana The blockchain industry has spent the last decade building decentralized, permissionless infrastructure. However, the user experience layer interacting with this infrastructure remains overwhelmingly manual. Decentralized applications (dApps) require users to constantly monitor markets, parse complex data, and manually sign every transaction. The next evolution of Web3 isn't just about faster blockchains; it is about autonomous execution. By integrating large language models and agentic frameworks with smart contracts, we can transition from a paradigm of manual execution to intent-based autonomy . In this article, we will explore how to bridge the gap between AI and decentralized networks by automating blockchain workflows using the Hermes Agent framework. We will look at the architecture of an on-chain agent, how it reads and writes to a network, and how high-performance environments like Solana are making these agentic experiences viable. The Paradigm Shift: From Passive Wallets to Active Agents Currently, most AI in Web3 is limited to read-only analytical tools—chatbots that can summarize a smart contract or pull token prices from an API. While useful, these are fundamentally passive systems. An active agent is different. Powered by a framework like Hermes Agent, an active agent can: Observe: Continuously monitor on-chain events via RPC nodes or webhooks. Reason: Use its LLM core to interpret those events against a set of user-defined goals or risk parameters. Act: Formulate a transaction, sign it via a secure wallet environment, and broadcast it to the network. This opens up massive possibilities. Imagine an agent that automatically manages your decentralized finance (DeFi) positions, rebalancing a portfolio based on yield changes across different protocols. Or consider fully on-chain gaming, where

I’m asking since I’m working on an all-in-one app for bulk image optimizing and would like to know more about my potential users. What is your workflow is like today? What tools and processes do you have? I appreciate any and all info you are open to share. Thanks! submitted by /u/TrapShot7 [link] [留言]

Hi, I'm Brazilian and I'm a web developer. I'm eager to start a project (without involving money at the moment). I'd like to start developing something together. I've been working in this field for a while now, I have several projects underway, and I'd like to start another one with someone.If anyone is interested, I can give more details about myself and some ideas I've had in private 🙂 I think two people working together learn more and wouldn't spend anything; it would only involve money for selling the website submitted by /u/BitesBitesou [link] [留言]

The Logging Nightmare Deploying microservices across Multi-Cloud environments using tools like Terraform is an exhilarating milestone. But the moment something breaks, that excitement quickly turns into a nightmare. The SSH Grind : If you find yourself SSH-ing into disparate instances just to run tail -f and grep through scattered log files, you're doing it wrong. The Agnostic Approach : The industry standard demands Centralized Logging, but chaining your application to vendor-specific solutions like AWS CloudWatch or GCP Cloud Logging limits your architectural freedom. Implementing a true "Cloud-Agnostic" ELK stack gives you back control over your observability data. Clean Architecture & The Non-Blocking Logger Factory Building this robust observability pipeline requires adhering to Clean Architecture principles, specifically through a Non-Blocking Logger Factory. Standardized Interface : By wrapping modern logging libraries like Winston or Pino , we standardize our application's logging interface. The Secret Sauce : The winston-elasticsearch transport module buffers your logs and pushes them directly to your Elasticsearch cluster in the background. Non-Blocking : This architectural choice is crucial: it ensures that high-volume log streaming happens without blocking the Node.js event loop . Here is how the data flows through the system: Resilience Fallback (The Failsafe) A centralized system introduces a dangerous dependency. Your logging infrastructure must never be the reason your application crashes. The Threat : If the remote Elasticsearch cluster is unreachable due to network partitions or rate limits, a poorly configured logger will throw uncaught exceptions, bringing down the app. The Solution : We implement a strict Resilience Fallback (Failsafe) mechanism. The transport module safely catches the connection errors and seamlessly falls back to standard output (console), guaranteeing continuous operation. The 512MB Local-Test Challenge While this setup is a

This is a submission for the GitHub Finish-Up-A-Thon Challenge What I Built VKara is a browser-based karaoke room app for singing at home with friends or family. It is not trying to replace YouTube. YouTube is already great at playing videos. It already has almost every karaoke song we need. But YouTube is not really designed to manage a karaoke night where many people want to choose songs together. That is the gap VKara tries to fill. You open VKara on a TV or laptop as the main playback screen. Everyone else joins the same room from their phone using a 4-digit room code or QR code. Then anyone can search for songs, add them to the queue, pause, resume, or skip. The TV only needs to play the video. Everyone's phone becomes their own remote. That is the whole idea. Simple enough to explain in one sentence. Not simple enough to build in one weekend. I learned that part the hard way. Demo Links: Live demo: https://vkara.vercel.app/en GitHub repo: https://github.com/lehuygiang28/vkara Before branch: https://github.com/lehuygiang28/vkara/tree/before Old backend repo: https://github.com/lehuygiang28/vkara-api Small warning: the demo is running on limited resources, so if it is slow, please give it a moment. My wallet is still a student wallet. lol. The flow is: Open VKara on a TV or laptop. Join the room from a phone by code or QR. Search for a karaoke video. Add it to the shared queue. Control playback together. Before: the idea worked, but the product still felt like a video app squeezed into a karaoke use case. After: the mobile flow is now focused on joining, searching, choosing an action, and controlling playback. The Comeback Story I started VKara around early 2025. At that time, my goal was very personal. I wanted a better way to sing karaoke at home with friends. The normal setup was: open YouTube on a TV, search for karaoke videos, and pass control around. It worked, but it was awkward. One person was searching. Another person accidentally played a video immedia

Repository: public-apis/public-apis What public-apis actually is public-apis is a community-curated directory of free and public APIs, maintained by contributors together with staff at APILayer. It is not a library, SDK, or gateway: there is no package to import and nothing to run in production. The repository is essentially one very large, structured README that catalogs APIs across roughly fifty categories, from Animals and Anime to Finance, Machine Learning, Security, and Weather. Each entry is a row in a table with five columns: the API, a short description, the authentication model ( apiKey , OAuth , or none), whether it serves over HTTPS, and whether it sets permissive CORS headers. That last detail is the part most engineers undervalue. Why engineers keep coming back to it The star count, now past 438,000, is less interesting than the metadata discipline. When you are prototyping and need a currency-exchange or geocoding endpoint, the Auth/HTTPS/CORS columns let you filter candidates before you ever open a browser tab. "No auth, HTTPS yes, CORS yes" tells you that you can call the endpoint directly from a front-end spike without standing up a proxy or registering for a key. For throwaway demos, hackathons, internal tools, and teaching material, that triage saves real time. The category index doubles as a map of what kinds of public data are actually available, which helps when you are scoping whether an idea is even feasible. How it is maintained Curation is manual and community-driven: changes arrive as pull requests against the README, governed by a contributing guide, with issues and PRs as the moderation surface. The project's primary language is Python, reflecting validation tooling that checks entries rather than any runtime you would consume. There is also a separate companion project that exposes the list itself as an API. The model is simple and has clearly scaled, but "manually curated" is both the strength and the weakness. Limitations worth statin

So i've been putting off this project for months but i really need to bu͏ild android a͏pp for this side business idea i have. Problem is i don't know java and honestly don't have time to learn it properly right now. I've heard there are ways to build apps without actually coding everything from scratch but not sure what's legit vs what's just marketing bs. I can handle basic web stuff but mobile development seems like a whole different beast. Anyone here successfully built an android app without going the traditional java route? What tools or platforms actually work and don't make your app look like garbage? submitted by /u/Significant_Law5994 [link] [留言]

If you're a fashion or DTC brand doing under €50M GMV, you'll get more out of a monolithic platform than a composable build, because the complexity tax for that flexibility runs higher than a year of performance marketing for most brands at that tier. Composable was sold as freedom, but for most brands at small-to-mid GMV it lands as engineering-org overhead you fund forever just to keep the lights on, while monolithic platforms ship 80% of what most brands need with one team and one contract. The exception is brands running multi-brand groups across countries or genuine enterprise peaks, where composable does pay off, but you want the platforms built by retailers rather than the ones built for analyst slides. Centra, NewStore, and SCAYLE land closer to that brief than commercetools or open-source MACH stacks. If a vendor opens their pitch with microservices and best-of-breed architecture, they're selling you an engineering project, and most brands just need a platform that ships things. submitted by /u/Majestic_Shoulder188 [link] [留言]

You've seen the developer. Maybe you are the developer. They discover DRY — ✨ Don't Repeat Yourself...

A physiotherapist asked me a simple question a couple of months ago: "Can you build something to run my whole clinic?" So I did — solo, in about a week. Here's the full 2.5-minute walkthrough 👇 What PhysioFlow does PhysioFlow runs an entire physiotherapy clinic from one screen — built for India (₹, GST, WhatsApp, +91): Dashboard — attendance, collections & pending bookings at a glance Patient files — recharge session packs, track usage, auto-generate GST-ready bills Attendance in seconds with a QR scan Online bookings that convert straight into a patient file Reports — daily ledger, revenue, CSV/PDF export Patient portal — patients see their own sessions & prescriptions The stack Next.js + Supabase + TypeScript — multi-tenant, with row-level security so no clinic's data ever leaks to another. Try it Live now with a 14-day free trial, no card needed → https://physioflow.devfrend.com I'm Amar, a full-stack & AI engineer. I design and build products like this end-to-end. I'm open to work — SaaS builds, MCP servers, LLM apps & automation. Reach me on LinkedIn .

Overview I built Hermes Financial Agent — an AI-powered financial assistant for investors in the Egyptian Exchange (EGX). The goal: not just calculate portfolio value, but explain risks in a transparent, auditable way. Features Real EGX market data via Yahoo Finance Portfolio tracking and valuation Daily financial reports Telegram-user portfolio isolation Cached quote fallback for resilience Explainable risk insights Explainable Risk Intelligence Unlike traditional trackers, Hermes surfaces: Portfolio concentration risk Stale market data exposure Quote coverage percentage Valuation gaps from unavailable data Users understand confidence level behind their valuation — not just the number. Technical Stack Hermes Agent framework Python GitHub Actions (automated smoke testing) Offline-safe quote fallback architecture Repository 🔗 GitHub Repository Future Roadmap News sentiment analysis Investment thesis tracking Market briefing generation Advanced financial reasoning agents hermeschallenge

Hey guys, would love to get some feedback on whether my approach here makes sense. I’m building a real-time chat application where users can upload and receive images/files. Files can be fairly large (up to ~100MB). Current stack is: fastapi, websockets, tanstack, postgres and redis. I use GCP as my cloud provider. My current flow is: Backend generates a signed URL Frontend uploads directly to a GCS bucket A Cloud Function handles post-upload processing For downloads, the frontend fetches directly from GCS using redirects/signed URLs so the backend doesn’t become a bottleneck This architecture works great for smaller files (<30MB), but once I started testing larger uploads (100MB images/videos), I noticed very high memory consumption during processing (btw pagination & virtualization is used throughout the project). I’m trying to figure out what’s considered best practice here for large media uploads in chat systems: Should compression/downscaling happen client-side or server-side (currently there is not compression at all)? Also, Is it common to generate thumbnails/previews (for images) separately while keeping the original untouched? Should I stream uploads instead of buffering them? Are Cloud Functions even the right choice for heavy file processing? For images specifically, I’m considering: client-side compression before upload, automatic thumbnail generation, storing multiple resolutions, converting to formats like WebP/AVIF. Would love to hear how you guys handle this in production systems. Thanks! submitted by /u/omry8880 [link] [留言]

Looking for assistance. Copy/Pasting my post from another sub. Hey all, young web dev/designer here. If helpful, I run SiteGround hosting, WordPress, Divi 5 builder. I'm having a really confusing issue that I can't resolve in a satisfying way. For some reason, a hidden menu for an Italian water company (revital.it) is getting placed onto my website. It's honestly baffling. The site I'm currently troubleshooting is holbrook-electrician.com. I've seen this happen now on two websites that I've built. I've used Divi Cloud sections that I built on one and used on the other, so unsure if that's how it's getting placed onto the site. There will be rare instances where if I view my live site, the menu will be overlayed overtop the page (pictured). Both page source and inspect show the revital.it links. From what I've gathered with the help of AI, the menu is tied to a Divi canvas called "menu slide". The thought is that it came in with a template import, but I don't remember using a template when I first started (1-2 months ago). I think I started from scratch. I obviously want to remove all links and prevent them from reappearing. I can't find them anywhere in the page builder. I can't trace it to any plugin I'm using or code I've added. The only success I've had to remove it is going to phpMyAdmin, and running a query to eliminate instances of "revital.it". I did this once for this site, but it looks to have come back for unknown reasons. Just to confirm, I have nothing to do with this Italian website. I did not put this menu or the links on my site. I really have no clue how it originally got here, how to prevent it from appearing on other sites I look to build, and how to permanently remove it. Any help or suggestions would be greatly appreciated! Rouge menu overlayed on my home page submitted by /u/exodeath29 [link] [留言]

And before you ask, yes, it's free. always will be. I built it in 48 hours. planning to release it tonight or tomorrow. submitted by /u/West_Subject_8780 [link] [留言]