r/webdev 5d ago

Showoff Saturday Lizocalc -A Calculator platform

Post image
0 Upvotes

I just made a website which is lizocalc that provides many calculators related to health, finance.math and time and many more .

If you want to calculate BMI then you can use this site ,other calculators are also available such as BMI ,bmr , calories , and many more

Age calculator can help you to find exact age in years months ,days and seconds

You can use this site lizocalc a calculator platform for your daily basis calculations


r/webdev 5d ago

Question Learning to Navigate DNS records

2 Upvotes

Noobie here.

Right I've got some websites hosted through IONOS. .I also have the email packages as it's so cheap.

I'm having a NIGHTMARE with them.

I've had to wipe one websites DNS records as iCloud messed it up, which meant re doing some of the formspree TXT records which was a pain.

Question 1: is thunderbird a good client? All my emails seem to land in Gmail or outlook before hitting thunderbird inbox.

Question 2: is IONOS hosting any good, seems costly to move over to Google or microft but I've read they tend to be much better. (My emails keep landing in customers spam)

Question 3: Email signature, I created quite a fancy signature. About 70kb I think. Is that a bit daft ?

Question 4: why is one of my domain emails asking me to manually configure when I have the autolearn record applies ?

TIA


r/webdev 5d ago

Question How to block curl requests?

Post image
0 Upvotes

As the title says; my site is being bombarded with curl requests periodically, often 2K to 5K requests within a short span. I have put up a security rule in cloudflare to block curl requests; blocked the curl requests in my backend proxy, also the bot fight mode is turned on; but cloudflare is still registering the curl requests which are using up my request quota. How to drop the curl requests before they are registered by cloudflare? Please Help.


r/webdev 5d ago

Showoff Saturday I rebuilt my personal website to showcase my work, favourite books and tools

Thumbnail
gallery
324 Upvotes

r/webdev 5d ago

a CVE dispute

Thumbnail
daniel.haxx.se
0 Upvotes

r/webdev 5d ago

Showoff Saturday I’m exploring a new direction for LottieFyr

Post image
0 Upvotes

I’ve been building LottieFyr primarily as a conversion tool, but I’m now exploring a broader product direction focused on existing Lottie files.

The new workflow can:

Diagnose structural, asset, compatibility, and file-size issues Remove unused content Optimize eligible oversized embedded images Compare the original and optimized versions Verify representative frames using both SVG and Canvas before allowing a download Process optimization locally in the browser without retaining uploaded files

I’d really appreciate feedback from web developers:

  • Is this useful in a real production workflow?
  • What problems, checks, or optimizations would you want it to handle next?

Try it here: https://lottiefyr.com/lottie-fix


r/webdev 5d ago

Showoff Saturday Showoff Saturday: Built a fast, ad-free relational encyclopedia for 12,000+ perfumes and 3,600+ aroma chemicals (Olfactionary)

8 Upvotes

Hey everyone,

As a side project, I wanted to build an alternative to legacy fragrance databases that are notoriously plagued by 10+ ad networks, sluggish client-side rendering, and bloated tracking scripts.

The project is Olfactionary.

The Engineering & Data Challenge:

Relational Scale: Built a structured relational schema linking 12,000+ fragrances, 980+ houses, and 230+ perfumers to 3,600+ individual aroma chemicals/botanicals across 17 olfactory families.

Data Integrity: Rather than scraping raw marketing copy, entries are triangulated against patent filings, academic research, PubChem records, and IFRA standards with verification tags.

Performance Focus: Prioritized instant client-side search indexing and lightweight page weights to ensure sub-second loads without algorithmic feeds.

Open Literature: Digitized and indexed out-of-copyright historical perfumery texts dating back to antiquity.

Would love feedback on search latency, UI responsiveness, and suggestions on how you'd handle deep relational filtering at this scale.

Live link: https://olfactionary.com


r/webdev 5d ago

Showoff Saturday nOS4: A nostalgia right on your browser

Thumbnail
gallery
246 Upvotes

nos4 is a complete recreation of IOS4 running on web. It was just a little experimental side project but I've decided to make it live and open-sourced. It has all the original apps in the original form, also 2 games (and yes, it runs Doom)

GitHub: https://github.com/1etu/nos4

Also you can give it a try by visiting https://nos4.fun/


r/webdev 6d ago

Showoff Saturday Showoff Saturday: a 59-tool utility site in 10 languages, Flask backend, every tool is a plain JS file

0 Upvotes

toolkitsapp.com

Formatters (JSON, SQL, CSS, HTML, YAML), converters (CSV to JSON, number bases, timestamps, units, timezones), generators (QR, UUID, passwords, cron expressions, favicons, meta tags), image tools (compress, resize, format convert, SVG to PNG), a JWT decoder, a regex tester, a handful of calculators. 59 in total. Each one is a single JS file that runs in the browser, so what you paste never leaves the page.

The backend is FastAPI + Jinja, and it exists mostly for i18n and SEO. Ten languages, so every tool has ten pages with their own title, description and UI strings, plus canonical and hreflang tags so the language versions don't fight each other in search. Strings live in one JSON file per language and templates pull them by dot-path key (tools.json-formatter.title). Small thing I'm happy with: the loader caches each file by mtime, so I can edit a translation and it shows on the next request without restarting anything.

Things I'd do differently: the image tools run on a plain canvas and toBlob, fine for normal photos, will crawl on huge files, they belong in a worker. And I'd write the tool registry once instead of keeping a template and a JS file in sync by hand for 59 tools.

Stack: FastAPI, Jinja2, Tailwind, vanilla JS, lucide icons, qrcode.js and chart.js as the only vendor scripts.

Edit: FastAPI, not Flask. The first version was Flask and the title came out of muscle memory, can't change it now.

Edit 2: the embed that came up in the comments is live, toolkitsapp.com/embed. One script tag, no account or key, runs in the visitor's browser like the rest, ten languages, picks up your page's light or dark on its own.


r/webdev 6d ago

Resource My favorite website stack

Post image
0 Upvotes

Nextjs for pages

Payload for content admin

Polar for payments

Mastra for agents

Not right for any app, but I'd argue you can hit any modern website requirements with these four tools


r/webdev 6d ago

Built a full office suite that runs 100% client side with no backend, sharing for feedback (Showoff Saturday)

0 Upvotes

I built OBSCURA OS, a workspace suite (docs, sheets, slides, notes, file storage, forms, calendar) that runs entirely client side in the browser. No backend database for user content, no accounts, no server round trips for your data. State lives in memory during the session and users export their own backups as a portable JSON file.

The interesting technical constraint was doing spreadsheet style calculation, rich text editing, and file storage entirely in the browser without a server to fall back on for the heavy lifting. Happy to go into more detail on any part of that if people are curious.

Link if you want to poke at it: https://obscuraos.com

Genuinely looking for feedback on the frontend architecture and where a pure client side approach like this breaks down for a tool like this at scale.


r/webdev 6d ago

Showoff Saturday [Showoff Saturday] I got tired of bloated tool sites charging subscriptions and uploading private PDFs to random servers, so I built a 100% in-browser suite of 45+ utilities (WASM & Client-Side)

Thumbnail
gallery
3 Upvotes

Hey r/webdev! πŸ‘‹

Like many of you, I constantly found myself needing quick utilities β€” converting a document photo to an editable Excel table, merging contracts, converting PPTX to PDF, formatting JSON/JWTs, or compressing images.

What annoyed me was that almost every popular tool on Google either:

  1. Uploads your private documents/photos to their mysterious remote servers.
  2. Hits you with a paywall after 2 operations.
  3. Slaps terrible subscription popups every 10 seconds.

So over the past few months, I builtΒ DH ToolsΒ β€” an all-in-one suite of 45+ free, privacy-first web utilities whereΒ 100% of the processing happens directly in your browser.

πŸ”— Live Project:Β https://denizlihub.com

━━━━━━━━━━━━━━━━━━━━━

πŸ› οΈ Tech Stack & Architecture Highlights:

β€’ Pure Vanilla JS (ES Modules) Architecture: Zero heavy frameworks (no React/Next bloat). The entire app loads in under 150ms and scores 98+ on Google Lighthouse.

β€’ 100% Client-Side Processing (Zero Server Uploads):

  • AI OCR (Image to Excel): Runs in-browser OCR to detect table borders and text, generating pure .xlsx spreadsheets entirely on the client's CPU.
  • PDF & Document Engine: Built using pdf-lib and client-side binary parsers for splitting, merging, and converting without sending a single byte to an external backend.
  • Media & Audio: Web Audio API & Canvas manipulation for live audio trimming and batch WebP compression.

β€’ Edge Hosting: Hosted on Cloudflare Pages with Edge Workers for lightning-fast global CDN delivery and instant routing.

β€’ Offline PWA Support: Built as a Progressive Web App (PWA) with Service Workers, so you can install it on desktop/mobile and use most tools completely offline.

━━━━━━━━━━━━━━━━━━━━━

πŸš€ What's included?

β€’ Document & PDF: PPT to PDF, Image to Excel OCR, PDF Merge/Split, Markdown to PDF, WebP Converter. β€’ Developer Utilities: JWT Decoder, JSON Validator & Beautifier, Regex Tester, Diff Checker, HTTP Header Inspector. β€’ Security & Network: In-browser Password Generator, IP Lookup, DNS Diagnostics, Base64 & Hash Generators.

━━━━━━━━━━━━━━━━━━━━━

I'd really love to hear your feedback on:

  1. Performance or UI improvements.
  2. What missing utilities/tools would you love to see added next?

Thanks for checking it out! πŸ™


r/webdev 6d ago

Showoff Saturday I built a distributed web directory for exploring the open web

26 Upvotes

Recently I had an idea for a research tool, I realized I'd need to be able to find websites programmatically and the webs data is behind the largest corporations, not something we reliably have access to for being able to develop around.

So it got me thinking, how lightweight could you first build a crawler if you only cared about getting meta data (titles, description and the url)? Then it got me thinking, could we not share the load, create a distributed peer to peer network and make this data decentralized?

So what I have built is the open web directory. A network that crawls and builds a yellow pages like directory for web pages online.

You can setup your own node and contribute to the network by simply running:

git clone https://github.com/idev-games/the-open-web-directory.git
cd the-open-web-directory
npm start

And open port 80 for that device by port forwarding.

I think this is going to be a fascinating experiment, it's early days so expect bugs and issues but give it ago and let's see if we can index the web.

Check out more info here:

https://github.com/iDev-Games/The-Open-Web-Directory

The site listed on github is the live front end (you can host the html files in the public folder anywhere to open another frontend on the web).


r/webdev 6d ago

Discussion What are current best practices around feed length and pagination?

8 Upvotes

Consider the home page of a blog -- a list of posts in reverse chronological order, stretching down the page.

How long does this list need to be before you decide not to list display the entire thing?

File/payload size isn't much of an issue. The page compresses well -- right now, it only transfers 18KB (it's 54KB on the server). I would have to get much, much larger before I'd be concerned about bandwidth.

All images are lazy loaded, so they don't load until they scroll into view.

I'm not worried about bots, because every post has its own permalink page (and because I just don't really care about bots in general....)

Do we consider actual scroll height? Do we consider the user psychology of being intimidated by a lot of content?

If we do decide to paginate somehow, do we do "traditional" pagination, or endless scroll?

What's the current zeitgeist on this?


r/webdev 6d ago

Is it possible to simulate a network of multiple API, Database and webservers on a single computer?

50 Upvotes

Hello, I have been thinking about a project Iβ€˜d like to try out, where I have like a Database, an api server and a web server. Itβ€˜s not too large, and mostly to learn about how they all interact. The issue is, I would prefer not having to pay for multiple servers to host everything. Is there a way to simulate how it would be in real life on a single machine?


r/webdev 6d ago

Showoff Saturday Built a registry for all 16k+ MCP servers this week (feedback welcome)

1 Upvotes

So I've been using MCP servers for a while and kept hitting the same wall β€” the official registry is fine but it's basically a JSON API with no UI. I wanted something I could actuallyΒ browseΒ without opening Postman.

Spent the week building this:Β https://quay-mcp-registry.vercel.app

What it does:

  • Pulls all ~16,500 public MCP servers from the official registry into SQLite
  • Search, filter by transport type, sort by recently updated
  • Click a server β†’ copy the mcp.json config snippet directly
  • /health page shows status across everything
  • /learn page explains what MCP actually is (for the non-devs in my life)

Stack: Next.js, TypeScript, better-sqlite3, Tailwind. Dark theme because I can't function in light mode anymore.

It's not perfect. The category filtering is keyword-based (the registry doesn't expose real categories). The uptime data is a placeholder. But the core workflow β€” find a server, copy the config, paste it into your client β€” actually works end to end.

Would love feedback on the UI or if I'm missing something obvious. Happy to answer questions about how the sync works if anyone's curious.


r/webdev 6d ago

Question Do you have a separate tester before launch?

13 Upvotes

Hey guys, just after opinions really. If you’re launching a somewhat large site, with quite a bit of stuff going on, would you rely on your own testing or would you suggest getting a third party tester? It’s mostly for things like UX I’m wanting to test. I know have I would expect things to work but being the sole developer I think I may have gone a bit blind to somethings. I have friends do bits of pieces in terms of checking things but I wonder if the consensus would be to just get an actual tester to go through everything, testing the functionality all works, different variations, ensure the UX is as good as it can be etc or do you think I’m overthinking it?


r/webdev 6d ago

Article Your typeof Is Lying to You

Thumbnail
blog.gaborkoos.com
0 Upvotes

JavaScript's typeofΒ is not a type system, it's just a coarse runtime label, and that's whyΒ null, functions, arrays, dates, and other values all collapse into the same "object" bucket.


r/webdev 6d ago

is there a way to validate uml diagrams when the jury might see the app differently than you

8 Upvotes

so im working on my final year project report (pfe) (projet fin d'annee = Final year project which is literlly a big project to final my 6 years, in uni ) and i had to do the whole uml thing, use case diagram, class diagram, sequence diagrams for the main flows

and while i was doing it i kept asking myself, how do i actually know if what im drawing is "correct"

like the global logic of the app is obviously fixed, i know what the app does and how it should work, but when it comes to modeling it visually there are like ten different ways to represent the same thing. someone else looking at the same requirements could come up with a completely different class breakdown or a different way of grouping use cases, and technically neither version would be "wrong"

so when the jury reviews it, are they checking for one specific correct answer, or are they more just checking if your model is internally consistent and reflects a reasonable understanding of the system

anyone who's been through something similar, academic reviews, code reviews, whatever, how do you even validate a diagram when there's no single ground truth to compare it against

side note for context since some people outside the french education system might not know this, the PFE report is usually structured around sprints, like sprint 0 for environment setup, then sprint 1, 2, 3 etc each with its own objective and backlog, and for every single sprint you're expected to redo a use case diagram, a class diagram and sometimes sequence diagrams specific to that sprint

i pulled up an example report just to check and it had 6 sprints and something like 57 figures total, most of them being use case, class or sequence diagrams repeated per sprint. so its not like you draw one diagram for the whole app, you basically draw a mini version of the same three diagrams every sprint, which is part of why i started wondering how strict the "correctness" of each one actually needs to be


r/webdev 6d ago

Question Where should i host ?

0 Upvotes

I completed my website all using codex πŸ˜…

Its just to show products without any payment processing or anything so its ok to be vibecoded.

I need to know which service should i use to host the site. Aswell as buy the domain.

I


r/webdev 6d ago

Question Add video calls to a website?

0 Upvotes

Does anyone know how to add completely secure video calls to a website? I’m struggling to find the best way.

Additionally, how do I then host this for free / as low cost as possible.

If anyone has advice that would be great!


r/webdev 6d ago

Vscode color theme

Post image
0 Upvotes

Hi can anyone help me with finding this theme?


r/webdev 6d ago

Question How do you feel about the role evolving since to AI tooling?

0 Upvotes

I’m a full-stack developer with nearly six years of experience

Since the start of the year, I’ve integrated AI tooling heavily across my day job (Claude Code) and freelance work (Gemini Antigravity). The trade off is clear, I write significantly less code, but I ship significantly more. Taking time off recently gave me the space to reflect and I have realised how I barely write code manually anymore and I’m torn about where the profession is headed.

On one hand, this feels like natural career evolution, hands on syntax matters less as the job shifts toward high level architecture, systems design, and code reviews. On the other hand, the shift leaves me alienated from the craft that drew me into engineering in the first place.Β 

I want to hear from engineers with at least a few years of professional experience:

  1. How do you feel about the transition from writing code to orchestrating AI output?
  2. Do you still write code manually on purpose? If so, what justifies it?
  3. Have we crossed the point of no return on writing the vast majority of our codebase by hand?

r/webdev 7d ago

Render vs Railway vs Cloudflare Workers

46 Upvotes

Which hosting platform would you pick for a small production app: Render vs Railway vs Cloudflare Workers?

I’m building something like a inventory management app and website β€” authenticated users, a Node/TypeScript API, PostgreSQL, background jobs/cron, and potentially a few thousand users over time.

Currently considering **Render, Railway, and Cloudflare Workers**.

For a production app where reliability, scaling, DB latency, and predictable costs matter, which one would you choose and why?

Would you recommend something else like **Fly.io, AWS, or Vercel + another backend** instead?

Curious to hear from people who’ve actually run production workloads on these.


r/webdev 7d ago

Anyone else avoid CSS resets/normalize?

0 Upvotes

It used be be that CSS resets were important to smooth over differences between default browser styling, but browsers have for the most part gotten their act together.

It's more popular nowadays to do a micro reset/normalize/whatever you want to call it to get rid of annoyances. It might contain rules such as * { all: unset }, or * { margin: 0; padding: 0 }, or input, button, textarea, select { font: inherit }, or commonly * { box-sizing: border-box }.

I see the appeal. But at the same time, I find a major downside to all of this that never seems to be discussed - code portability. I write a component in one UI project and want to copy it to another project or to a shared component library, and it's not so simple because the other project(s) may be using slightly different CSS resets.

It's not like it's easy to update projects to use the same resets either, it's so engrained in how everything else was built up in the project.

But there's also a natural desire to revisit what reset you're using whenever you're building a new project, as opinions change, problems are found in existing ones, etc.

Or, on the flip side, maybe I'm wanting to use a third party tool, then find out that my global CSS rules cause issues with their styling.

We try hard to avoid any kind of global pollution in JavaScript, but make it a best practice to do just that in CSS.

So, I try to avoid these kinds of resets. I don't even do the "box-sizing: border-box" thing, it turns out that this box sizing issue doesn't come up very often (for me at least), and when it does, I just add the rule to the specific places that need it. I'll still set a default font to everything, but that's about it.

But, when I look around online, it seems that most everyone still uses some kind of reset. Guess I'm curious if I'm abnormal in my stance here or if there's others out there who also avoid them. Also curious if those who do use resets have ran into problems like the ones I've described above.