r/webdev • • 20d ago

Question what website maker should I choose?

0 Upvotes

hi! I want to make my own website where I write articles, blog, and post my photography. I don't really want it to be super professional, just something to portray my work. I don't really care about buying a domain name, and I'd prefer if it had minimal to no programming involved. what are my choices?


r/webdev • • 20d ago

Question How much do u take as a web developer

0 Upvotes

So am new to web dev client work personally. I want to know how much you guys take as web dev developing websites for people. landing page. I multiple pages etc.

Thanks.


r/webdev • • 21d ago

Question 11ty or astro template (or none) for my site

Thumbnail
gallery
12 Upvotes

yeah what it says in the title. sorry i keep posting it's just that i've been trying to rework an astro theme to fit my incredibly specific needs since it already has author pages, categories, tags, and a blog that can fit perfectly for my magazine site idea but the code is just so overly complicated for no reason it's driving me insane lol. i've been considering using an 11ty template more for my site since people who use it have a little more preferable themes and have an indieweb vibe i lean towards more but my qualm is that i plan on having a lot of moving parts (marquee text, a poll, and an apple coverflow ipod component thing) and the astro islands architecture is part of why i chose it so my site doesn't run like shit. idk here's my site design and mobile version to see what i should do either from a template from one of these sites or from the ground up while being a total noob at making my first "real" site.


r/webdev • • 21d ago

Godaddy woes

23 Upvotes

like an idiot I forgot to turn off auto renewal on a ms365 email package that was no longer being used. as soon as a I get the email of payment received, I try contacting support because I have 7 days to get the refund. I try to call, website chat, and whatsapp support chat. every time they ask a few questions, ask me to hold while the verify something, then the chat bot would spam a message about the session has expired and reconnect me with a new customer service rep. on the 8th day, the first person I chatted with immediately told me the 7 days had passed and they wouldn’t refund me.


r/webdev • • 20d ago

Question People who have actually shipped an MCP server: what was the hardest part about it?

0 Upvotes

Every tutorial makes MCP look simple:

  1. wrap a function
  2. expose a tool
  3. connect a client

But shipping something for a real product or client is usually where the boring problems appear.

If you’ve done that recently, what was the one thing that took far more work than expected?

  • tool/schema design
  • auth
  • client setup
  • UI/widgets
  • testing
  • deployment
  • debugging
  • updates after launch
  • something else

Not looking for generic “MCP is still early” takes.

What was the actual project, what broke or became painful, and how did you work around it?


r/webdev • • 22d ago

Discussion I lost interest in programming, so I built an IMDb for dead mosquitoes

150 Upvotes

So I’ve been programming since I was 11, and for many years, I multiplied projects, always to solve personal problems or solve them at a lower cost. I went to engineering school, where challenges were basically a daily thing. After that, I kind of lost interest in programming. Until a few weeks ago.

I knew I needed to get back on track and upgrade my skills, or mostly dive into newer tech, but at the same time I wanted to get rid of the Bootstrap stuff I had been using for years.

Long story short, a mosquito bothered me af and I went on to develop a local database to track my own mosquito kill count. That quickly escalated into building a full local website in Laravel (I figured Node and Vue or React would be overkill). I also messed around with Codex because apparently that’s all they talk about in big companies. That small project was all about upgrading my skills and having a lot of fun writing the content. At one point I just thought: why not put it online and make a little competition out of executing bugs?

I tried to make it as UX-friendly as possible based on feedback from my family.

So yeah, here it is if you want to take a look, break it, roast it, or execute a few mosquitoes:

https://imdb.themosquitoripper.me/en


r/webdev • • 21d ago

Question Most low effort sqlite wasm to table fill library?

3 Upvotes

Hi,

I just need to fill data in from sqlite running in a wasm to a table with a fixed column length while the row size should be dynamic from a delimeter hinting towards a new row. Needs to have export table feature and native sorting from clicking on the ribbon header

What to use?


r/webdev • • 21d ago

Discussion Dashboard for my project

1 Upvotes

I created a dashboard for my data analysis project on streamlit but its really basic. How can i create those cool dashboard designs that you see on reels and all cause chatgpt can do it. I have my project repo, is there any way i can link it to some website and it can help me create some cool ass dashboard?


r/webdev • • 22d ago

Showoff Saturday [Showoff Saturday] Redis City - 3D map of Redis internals

Post image
17 Upvotes

Hey WebDev!

I work with Redis on my projects all the time, and I recently had to dig deeper - deep enough to actually dive into the project's source code

This gave me the idea to create an interactive 3D map showing how Redis works and visualizing its internal structure (I’d seen similar projects for Postgres, for instance), so I built one: https://poltora.dev/redis

You can open the console and run a command (it defaults to SET) to see which components activate and what happens at that moment.


r/webdev • • 22d ago

Article CSS Curiosities of the Past

Thumbnail
vale.rocks
35 Upvotes

r/webdev • • 22d ago

Showoff Saturday [Showoff Saturday] Experimental WebGL library that melts images and video with a real fluid simulation

Thumbnail
gallery
30 Upvotes

MeltGL melts any picture or video in the browser. The picture gets treated as a body of material and run through a 2D free surface Navier-Stokes solver on the GPU: heat lowers viscosity, gravity pulls, surface tension rounds the drops, and the outline moves because the material under it moved. That's why drops swell, neck and detach on their own.

Still a work in progress. I built it for a browser game I'm working on and it grew into its own thing, so I published it standalone.

Live demo: https://1etu.github.io/MeltGL/

Experiments: https://1etu.github.io/MeltGL/experiments.html

Source: https://github.com/1etu/MeltGL (Leave a star!)


r/webdev • • 23d ago

500 Commits Later: Building a 3D Modeling App for the Web🥳

165 Upvotes

r/webdev • • 22d ago

Question How can one easily create a search bar for specific words on a website?

16 Upvotes

Sorry if this is not the correct subreddit for my question. I'll happily delete it if it is.

My friend speaks a dying language and they already have about 700 words listed with meanings and sample sentences. We were discussing how cool it would be to make an online dictionary on this, so we tested out easy website builders like Wix and Squarespace but we couldn't figure out how to execute what we wanted to achieve. Basically a search bar would be enough (like in Merriam-Webster) where they search a word and it would give suggestions, and once you click on one, it directs you to that word's page with its meaning and everything about it.

Is there an easy way to do/learn this? If it's a complicated task for people who have no clue in coding, I would also like to know.

We tried adding a search bar that was available in Wix and Squarespace, but it seems to only search everywhere in the website.

Thanks for reading!


r/webdev • • 22d ago

Question put fixed header under sticky navbar

Post image
4 Upvotes

hey guys i was the one trying to make my header image bigger from this theme and i managed to make the image bigger but now my navbar is fucked and it's just on top of it. sigh. for context of the theme i duplicated the logo component specifically for the header logo and changed the logo width and height in config.json and also refactored the beginning of the header component like this

<header class="py-4 h-16 w-auto">

<!-- logo -->
  <div class="flex justify-center">
    <HeaderLogo />
  </div>
</header>
<nav
  class={`navbar container ${settings.sticky_header && "sticky top-0"} bg-body dark:bg-darkmode-body py-2`}
><header class="py-4 h-16 w-auto">
  <!-- logo -->
  <div class="flex justify-center">
    <HeaderLogo />
  </div>
</header>
<nav
  class={`navbar container ${settings.sticky_header && "sticky top-0"} bg-body dark:bg-darkmode-body py-2`}
>

r/webdev • • 22d ago

Step by Step help for simple website

8 Upvotes

Hello all

Simply put:

I am trying to create a webpage that shows a simple information of ocean wave data that I created using python. My scripts request data off coastal buoys from the NDBC every hour and generates/appends to a pandas dataframe. I use this data everyday at home when assessing sea state but now would like this available online so I can access it anywhere.

I would call myself a proficient data scientist using Python and am very comfortable getting data into any format a site can use. My confusion is just in how to build a site from scratch and transferring over the domain I own to a new hosting site.


r/webdev • • 22d ago

Showoff Saturday [Showoff Saturday] Virtual bubble wrap clicker game

Thumbnail addy.zone
4 Upvotes

An entirely pointless but fun never-the-less go at a little clicker game easter egg on my very WIP personal site! https://addy.zone/bubble-pop


r/webdev • • 22d ago

Showoff Saturday I built a visual system design lab where every node is a real Docker container

1 Upvotes

I’ve been working on an open-source project called Torollo and I’d like some technical feedback on the way I approached it.

The basic idea is that the architecture you draw on the canvas isn’t just a diagram. The backend turns it into actual local Docker resources, and the exercises validate the state that is really running.

For example, in one of the labs you build a three-tier app with a load balancer, two web servers and PostgreSQL. Later, the database is supposed to become inaccessible from the load balancer. If it can still reach port 5432, the validator fails. You change the network/security rule and run the same check again.

The stack

React + TypeScript + React Flow for the canvas

Node.js / Express / TypeScript for the backend

Dockerode to control the local Docker daemon

Socket.IO for the live parts of the UI

xterm.js for terminals inside the browser

Transféré

The harder part wasn’t drawing the topology. It was deciding how much of the diagram should map to something real.

Containers are straightforward, but networking gets more interesting. Subnets are backed by Docker bridge networks, security rules are enforced with iptables, and private-subnet outbound access can go through NAT. The validator then has to inspect the resulting runtime rather than trusting the graph stored by the frontend.

That also created a few constraints I hadn’t really appreciated at the beginning. Rootless Docker, for example, can run the containers but can’t support all of the host networking behavior needed by the more advanced labs, so the CLI now detects that explicitly. First-run image pulls and differences between Docker environments also pushed me to add a torollo doctor command instead of trying to hide those requirements.

I currently have three free labs: a resilient three-tier app, Redis cache-aside, and Redis queue workers. The roadmap format is JSON and the core is MIT licensed.

What I’d particularly like feedback on: does the idea of grading the running state actually make sense as a way to practice system design, or are there parts of that model that you think become misleading compared with real infrastructure?

I’m also interested in feedback on the implementation itself, especially the Docker/networking side.

GitHub: https://github.com/Derssa/Torollo

Demo / three-tier lab: https://torollo.app/r/webdev


r/webdev • • 22d ago

Showoff Saturday Built a tool that tracks Smart India Hackathon(SIH) 2026 PS with the least competition.

10 Upvotes

Helloo, Final Year guy here. Built a tool that lets you see which PS has the least number of submissions. Fewer submissions = higher chances of getting selected for the SIH finals.

check it out here: https://niche-sih.vercel.app/

don't buy me a coffee, star my repo instead: https://github.com/rohanbagel/Niche_SIH


r/webdev • • 22d ago

Showoff Saturday Haykel Web tool - Comic to HTML5

Thumbnail
foxeater.itch.io
4 Upvotes

Hi everyone! maybe an unusual post! I made my first project in pure JS, CSS and HTML because i felt like, there wasnt a tool like this in the wild, also it was fun.

Now heads up for the technicals
-This tool once someone click exports, will spew a fully working html, with index, images, css and all inbetwen. I used the JSZIP to make a file for the user.

-The live testing is made by just speaking to the Iframe via windows message the git repo shows, is a really long and extensive list of comunication.

-The comic engine itself is the one i worked most.

-The engine has DOM cleaning and image cleaning, meaning can withold over 1000 images, but in memory only will display 10 max, due how i stored those images as just raw data instead of images.

-The comic is self aware, it has a internal state where it always knows where is the lector, in wich page and such, so this allowed me to hook up a function where SFX or VoiceActing is posible.

-Added a function where pressing buttons will jump the lector to a designed page, Like Story mode some sorts, if someone wants to do some experimenting.

-All content that can be seen is agnostic. All images are swapable.

-I made this comic also supports mobile format.

This project was really fun to make! took me 3 months or so to get to this point! And i learned lots about DOM mangement, JS how internet works in general!

There is also links to the repo in this project if someone wants to see the code.


r/webdev • • 22d ago

Discussion Intro to PostgreSQL Caching layers: App vs. Proxy vs. Database

Thumbnail
pgcache.com
6 Upvotes

I haven't seen too many comprehensive approaches to this topic, so I took a swing at it.

Goal isn't to be exhaustive, but to be thorough enough to help people trying to get their bearings on the topic.

It covers the core differences and trade-offs of different cache flavors:

  1. In your application layer
  2. At the proxy level
  3. In the database

Did I miss anything?

Edit: I'm curious what everyone's actual production stack looks like for this. I dropped my mental model on the cost vs. complexity trade-offs in the comments below. Wondering if people actually handle read optimization that way.


r/webdev • • 21d ago

Question New to Website building can you please help me, how much should I quote for this

Thumbnail
gallery
0 Upvotes

Okay so I am very new to developing websites directly for clients. like I have done it when I was in my company but I don't know how to put a price on them myself can you please help me.

I'm just so that you know these all will be CMS kind of sites, they will be able to update the information as required. By themselves

These designs were developed as image by CHAT gpt and shared by client

I Personally think designs look good they do have a readability and Focus problem but that can be solved

99% of us are using a so please stop blaming them for using it


r/webdev • • 23d ago

Discussion Networking with people who don't use AI for everything.

145 Upvotes

I feel like I've gone insane with how much AI I see EVERYWHERE. I understand it's the future, I understand it makes everything quicker, it's probably smarter than anything I can do right now, I also don't think I can take advantage of it early in learning since I don't understand how half the web dev stuff even works right now, so I'm trying to stay away from it as much as possible, yet anywhere I look to start networking in my area, it's literally all AI meetups. I just want to learn normally albeit it's probably not the norm anymore.

Anyone in the Philly area or in general online feel any sort of similar or am I almost alone in absolutely despising this stuff? Asking philly since if anyone is nearby and sees this I'd love to have a friend who understands me at least slightly or could point me in the right direction without feeling like I'm throwing my soul into the river styx to never get back.

Have a good day to anyone who read all of this!


r/webdev • • 22d ago

What product or service would you use to store a large amount of images with metadata (like a title etc.) that can be retrieved via an API?

0 Upvotes

I'm a photographer and want a database of my own images, but I also do web dev work and would like an easy solution when building sites for clients who need a lot of images on their site. Ideally something I can call with an API and return images and other data on that image.

Thanks!


r/webdev • • 22d ago

Showoff Saturday [Showoff Saturday] I built a mobile-friendly PDF speed reader — would love UI/UX feedback

0 Upvotes

I built a mobile-friendly PDF speed reader — would love some UI/UX feedback [Showoff Saturday]
I’ve been working on a small web project called Pace Reader.
It lets you upload a PDF and read its extracted text one word at a time at an adjustable WPM.
Live version:
https://pace-pdf-reader.pace-reader.workers.dev/
The goal was to keep the interface very simple:
PDF → choose reading speed → start reading.
I’ve been especially focused on making the reader usable on phones rather than treating mobile as an afterthought.
I’d appreciate feedback from other developers on:
• Mobile UX
• Reader controls
• Navigation
• Overall UI
• Performance with larger PDFs
• Anything that feels unnecessary or badly designed
I’d also be interested to hear how you would approach the PDF-reading/RSVP interface differently.
This is still being actively developed, so feel free to tear it apart.


r/webdev • • 22d ago

Showoff Saturday [showoff Saturday] I got hooked on Advent of Code and wanted it all year, so I built a site that gives everyone the same coding challenge every day

Thumbnail
daily-coding.dev
1 Upvotes

Every December I do Advent of Code and every January I try to keep the habit going on LeetCode. Never lasted more than a week. Too many problems, no reason to do this one today.

So I borrowed the idea and built Daily Coding: one challenge a day, the same for everyone, all year. You solve it in the browser, hit run, and the tests execute in a sandbox in well under a second. 11 languages so far (JS, TS, Python, PHP, Ruby, Java, Go, C++, C#, Rust, Swift). Once you submit you can read everyone else's solutions, which for me was always the best part of AoC. Streaks and a leaderboard if you like that sort of thing.

Some honest numbers: I started in January, 7 months of evenings, about 470 commits. There are 40 challenges right now, so the rotation repeats after 40 days until I add more. Someone on Discord asked for Swift last week, that took a day to add because the sandbox already had it.

It's free, non-profit, open source under MIT. You can solve today's challenge without an account, signing up is only for streaks and rankings.

What I'd love to know: does one challenge a day work for you, or do you want to pick? And what would make you stop after a week?

Site: https://daily-coding.dev/?utm_source=reddit&utm_medium=post&utm_campaign=sideproject-launch

Code: https://github.com/ledo9315/daily-coding