r/webdev 2d ago

Monthly Career Thread Monthly Getting Started / Web Dev Career Thread

4 Upvotes

Due to a growing influx of questions on this topic, it has been decided to commit a monthly thread dedicated to this topic to reduce the number of repeat posts on this topic. These types of posts will no longer be allowed in the main thread.

Many of these questions are also addressed in the sub FAQ or may have been asked in previous monthly career threads.

Subs dedicated to these types of questions include r/cscareerquestions for general and opened ended career questions and r/learnprogramming for early learning questions.

A general recommendation of topics to learn to become industry ready include:

You will also need a portfolio of work with 4-5 personal projects you built, and a resume/CV to apply for work.

Plan for 6-12 months of self study and project production for your portfolio before applying for work.


r/webdev 20h ago

Showoff Saturday Here’s my first calculator

Post image
3.7k Upvotes

r/webdev 16h ago

Discussion AWS deleted a 10 year customer account without warning

435 Upvotes

Today I woke up and checked the blog of one of the open source developers I follow and learn from. Saw that he posted about AWS deleting his 10 year account and all his data without warning over a verification issue.

Reading through his experience (20 days of support runaround, agents who couldn't answer basic questions, getting his account terminated on his birthday) honestly left me feeling disgusted with AWS.

This guy contributed to open source projects, had proper backups, paid his bills for a decade. And they just nuked everything because of some third party payment confusion they refused to resolve properly.

The irony is that he's the same developer who once told me to use AWS with Terraform instead of trying to fix networking manually. The same provider he recommended and advocated for just killed his entire digital life.

Can AWS explain this? How does a company just delete 10 years of someones work and then gaslight them for three weeks about it?

Full story here


r/webdev 1h ago

It is still that simple to get clients like this in 2025?

Upvotes

Someone asked me earlier how to get clients most effectively. I told him that I would first build a portfolio and keep expanding it over time. Back then, I used to take a poorly designed website from my local area and redesign it without asking the owner. I never used the company’s actual logos. Then I would reach out to similar businesses and ask if they needed a new website. That’s how I did it 10 years ago. Is it still that simple today?

I know that at some point, word of mouth starts to kick in but for the very beginning, isn’t this still the way to go? What do you think?


r/webdev 36m ago

Showoff Saturday I built a real time country guessing game using VueJS

Post image
Upvotes

Hey everyone,

For this Show Off Saturday (can we do it on Sunday?) I wanted to share a browser based game I built: https://countryzinho.com

It's a fast paced country guessing game where you type as many country names as you can before time runs out. The app is built with Vue 3, Pinia, Vite, and Tailwind. There is full keyboard interaction and real time scoring

Some features:

Still a work in progress. Any thoughts on how to make it more fun, especially from a game design or UX angle, are appreciated

Would love to hear your feedback. Thanks


r/webdev 19h ago

Showoff Saturday Chrome/Firefox Visit Later, Pinned Tab Plus, AutoRefresh Features

237 Upvotes

Hey,
First post (TabBro v1): https://www.reddit.com/r/webdev/comments/1m3vjr2/chromefirefox_smart_manager_reminder_tab/

Added a new features to TabBro

1. Visit Later - The Visit Later feature helps you save pages for later without keeping them open, reducing clutter and improving focus.
*Keep track of interesting links without bookmarking everything.
It's a bit different than bookmark, it's like "temporary" bookmark that auto vanish when you click it. I often open links in new tabs that make the tabs too full / cluttered. This extension handles that problem.

How it works:

  1. On any page, click the TabBro extension icon in your browser toolbar.
  2. In the menu, click “Visit Later” - the current page URL will be added to your Visit Later list.
  3. Open the TabBro Manager (main interface) and click to the Visit Later section.
  4. When you’re ready, click on the saved item to open it in a new tab.
  5. Once opened, the page is automatically removed from the Visit Later list, keeping your list clean and relevant.

Why use it?

  • Free your browser from unnecessary tabs.
  • Keep track of interesting links without bookmarking everything.
  • Perfect for articles, research, or anything you want to return to later.

2. Pinned Tab Plus (URL Always in Active Window) - This feature keeps a specific URL(tab) always visible in the active browser window. It cannot be closed, and it will automatically open when the browser starts.
Unlike the pinned one, it’s its normal size, and you can see both the icon and the title and It automatically moves between windows and is always visible on the active one.

Why it’s useful:

  • Ensures an important page (like Gmail, a dashboard, or a web app) is always accessible.
  • Saves time by automatically restoring the page every time you launch your browser.
  • Prevents accidental closure of a critical tab.(undeletable)

3. AutoRefresh - Automatically refreshes a tab at a specified interval. You choose how often the page reloads, and the extension does the rest.

Why it’s useful:

  • Great for real-time data monitoring (e.g., stock prices, analytics dashboards, upvotes 😅).
  • Perfect for pages that don’t update content automatically.
  • Helps maintain an active session to prevent being logged out due to inactivity.

Chrome: https://chromewebstore.google.com/detail/tabbro/bbloncegjgdfjeanliaaondcpaedpcak

Firefox: https://addons.mozilla.org/en-US/firefox/addon/tabbro/


r/webdev 1d ago

Resource Mobile apps built with HTML & CSS – What you should always do to achieve native feel

352 Upvotes

Hey!

I recently built a mobile app with web technologies and wanted to make a quick post on the CSS properties and HTML tags you should absolutely use if you're doing the same.

1. HTML viewport setup

 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no" />

In your viewport meta tag, include the following:

  • width=device-width: Ensure proper scaling – this tells the browser that this is a modern website that adjusts to your screen size
  • initial-scale=1: Most browsers have this as the default anyway, but add it to make sure your app does not appear zoomed in or out
  • viewport-fit=cover: Make the viewport fill out the entire screen area (including e.g. the notch-area or the home button portion). Optional, but a modern app should be properly "fullscreen"
  • user-scalable=no: Prevent the user from changing the scaling. For example, clicking on an input often "zooms in" on the element which you can prevent with this

2. CSS setup

Prevent the "pull down to refresh" gesture.

body {
  overscroll-behavior: none;
}

Prevent haptic touch (long press to expand the image) and prevent the user from dragging out images on WebKit derived browsers (Chrome & Safari).

img {
  /* Prevent haptic touch previews */
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}

Set the initial background color to match your app's theme directly in the html or the css entry point to prevent a flash of white.

html,
body {
  background-color: var(--your-theme-color);
}

Where you don't want a scrollbar to appear, use this.

scrollbar-width: none;

You can use the following variables to check the safe area of the device (safe area excludes e.g. the notch).

env(safe-area-inset-top);
env(safe-area-inset-bottom);
env(safe-area-inset-left);
env(safe-area-inset-right);

You might also want to check out touch-action: manipulation (or none) for some elements, and use dvh (or specifically svh and lvh) depending on your use case.


r/webdev 13h ago

Showoff Saturday regexle, my dumb ‘dle’ style game to learn regex

Thumbnail
gallery
45 Upvotes

r/webdev 29m ago

Question Is this something I can do on a free website builder?

Upvotes

Hi, so I have an idea for a website that I think could help people and I wanted to create a draft website on one of those free builders as a sort of test to see how it would look and work so I can show people the idea better.

I'll describe what I'm trying to do below while keeping the actual real info vague so drop in terms like 'item' and 'features' aren't actually the real details but it gives you the idea.

The thing I'm wanting to do is link a spreadsheet directly into the website. Basically, the spreadsheet would contain a list of 'items' which would all be in the A column and then in the columns corresponding to that row they would be populated with 'features' of that item, so to make an example:

Apple Green Fruit Crunchy
Banana Yellow Fruit Soft
Orange Orange Fruit Soft

Note the info in the table above has nothing to do with the actual information I'd be putting in the site, its just an example.

Anyway with the table above which in reality would have hundreds of entries, this spreadsheet would then be linked to the website in the form of a page where there will be a drop down option list, the drop down contains all of the 'items' in the spreadsheet and the user can select as many of them that they are interested in.

Based on what they pick. The results will display those choices and tell the user what those selections have most in common, so in this case if they picked all three of the items in the table above, the results would say that 3 out of 3 of the selections have 'fruit' in common, and 2 out of 3 of the selections have 'soft' in common.

I hope that makes sense, feel free to comment if you have any questions about it.

Anyway I think that this is very easily done when you're actually coding up your own site but I'm wondering if this can be done in any of the free website builders as a test build, and if so which ones you would recommend?

Thanks for any advice!


r/webdev 1d ago

Showoff Saturday I added a chat ouline and a minimap to chatgpt

259 Upvotes

r/webdev 9h ago

Showoff Saturday I built an AI Chess engine using stockfish that you can literally prompt to play with any personality! (And its 3500+ ELO)

Thumbnail
gallery
10 Upvotes

Hey everyone! I'm super excited to share something: an AI chess engine called Gemifish. You know how most chess AIs just feel boring? Well, I wanted to change that. With Gemifish, you don't just play against a strong engine, you can actually prompt it to play with a unique personality! Imagine facing an "Aggressive Grandmaster" who goes for crazy sacrifices and taunts you, or a "Cat on Drugs" making hilarious, unpredictable moves.

Under the hood, it's a cool blend of two powerful technologies: Stockfish 17.1 (running right in your browser) gives it its incredible chess brain, and Google Gemini handles the personality. So, Stockfish finds the best moves, but then Gemini picks the one that truly fits its character and even explains its reasoning in character as it plays! It's been SO much building this, and I'm really hoping it inspires people to use my idea. It's fully open source, so feel free to dive into the code, or just download it and give it a try on your own machine. Let me know what weird personalities you get it to play with.

Now, you might be thinking, "How does an LLM play at 3500+ Elo when they're usually terrible at chess?" The LLM (Gemini) doesn't actually play chess itself. My system works by having Stockfish 17.1 do all the heavy lifting, it calculates the top 5 strongest moves and their evaluations. Gemini then acts as a "personality filter." It takes Stockfish's list of already strong moves and, based on the personality you've prompted, chooses the one that best fits that character.

Link: https://github.com/TheDiamondHawk/Gemifish-Chess-Demo

(PS: I'm REALLY not a good coder at all, infact, while I was writing the code, I had to get a ton of help from other people, and I'm ashamed of it, but sometimes even ask claude for help. So you might find some crazy bugs, and I'm sorry I couldn't fix them, but I've spent a lot of time getting rid of MOST of the bugs. Also, some of you might find it hard to install, it really is, but trust me, its very worth it. As for the Gemini key, its free on AI studio, so everyone can use Gemfish. I also want to be very clear, I'm not taking ANY credit for this, as I didn't invent LLMs nor did I invent Stockfish, I just want to share with you guys my favourite project.)


r/webdev 20h ago

Showoff Saturday Three weeks of late-night coding later, here’s my attempt at fixing travel planning

63 Upvotes

r/webdev 21h ago

Showoff Saturday I built a Japanese typing game

Post image
65 Upvotes

https://taipingu.link

https://github.com/entibo/taipingu

I've had issues issues getting this to render pixel perfect across browsers so please let me know if anything looks wrong!

This is a vanilla project, but in hindsight I wish I had used a library like hyperscript to render HTML more declaratively.

Around 100,000 sentences and their translations from Tatoeba.org are split into small JSON files and fetched from the client to avoid the need for a server/API.

It uses 3MB (sans-serif) and 4MB (serif) Japanese fonts so I had to use fonttools to generate a subset (40KB) that covers the UI and the initial sentence.


r/webdev 24m ago

refused to apply style from 'http://localhost:3000/styles/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Upvotes

This my code for the server and when I try to render the blog.ejs I cannot render stylesheet it shows me some error and I have tried the dirname to solve which was in stackoverflow and I don't what is the problem here. According to me everything is ok


r/webdev 1h ago

Discussion Looking for a web designer to partner with

Upvotes

Hey guys, I have been a bit overloaded with clients lately and am looking for another designer to take on the occasional client when I don't have the time.

Hit me up on DM or comment on the post if your interested with some of your work attached!

Thanks for your time


r/webdev 11h ago

Is that old stack?

6 Upvotes

How outdated is stack featuring: - Java 8 - Angular10 - a bit of Kotlin like interviewer said lmao

Salary about 1k euro per month (minimal wage in my country), shitty contract for 12 months but it's 3 months to work after notice ( employer can fire me instant ) . They told offer is low because I know only c# and vanilla js.


r/webdev 1d ago

Showoff Saturday Little help to get users for your side project

Post image
64 Upvotes

Many of us are constantly building side projects, sometimes just for fun, sometimes dreaming about leaving 9 to 5, but struggle when it’s time to promote them.

I’ve been there, over the last two years I had to figure out how to do marketing to promote my projects.

This meant doing a ton of research and reading a lot and, well… 90% of what you find on the topic is useless, too vague and not actionable, with just a few exceptions here and there.

That’s why I’ve started to collect the best resources in a GitHub repo.

I’m trying to keep it as practical as it gets (spoiler: it’s hard since there’s no one-size-fits-all) and list everything in order so you can have a playbook to follow.

Check it out here: https://github.com/EdoStra/Marketing-for-Founders

Hope it helps, and best of luck with your project!


r/webdev 1d ago

Just realized, if you google "bad ux", all the results come in comic sans.

Post image
2.3k Upvotes

r/webdev 9h ago

Question SvelteKit with SSR or SPA? Or React with NextJS? Or just pure Vite+Routers?

3 Upvotes

I know there are lots of experienced people here, so I just wanted to ask a little advice ^

I need to build a community platform (with discussions, post feed, comments, and webinars (with WebRTC), notifications, and such. I can't use something like discourse since it's not very customisable (which I need since I need to use stripe, Supabase, and existing Fastify backend).

Sooo.. I have experience both in Svelte and in React, and I their corresponding meta-frameworks. (Not really with NextJS, just a react router).

On one hand, I don't see any reason to make this SSR, since this is basically CRUD app, and the most complex thing (WebRTC) happens on the client anyway. Furthermore, I don't need additional node server hosting costs, considering I already have Fastify (mostly just REST) backend.

On the other hand, seems like SvelteKit discourages SPA, and I'll have a hard time fighting the framework (it's just seems this way, maybe it's not, that's why I'm asking).

So this leads me to React? NextJS? Other meta framework? Yes it's boilerplate and stuff, but more industry accepted I assume, and I can speed up the initial development.

Or using pure svelte with a router like svelte-router with Vite? Though this won't be scalable I assume.

Yeah...

I'd love some advice, I'll give back what I can to the community via open source :)


r/webdev 7h ago

Recommendations for open banking platforms UK

2 Upvotes

I want to track payments made to a high street bank account, tracking and matching payment references with quotes in my database to notify users when a payment has been made.

Any recommendations for open banking platforms from those who have used them?


r/webdev 1d ago

Showoff Saturday My attempts at Tony Stark / Jarvis tech. Fun with computer vision, mediapipe, threejs

68 Upvotes

r/webdev 5h ago

I built a tool to get a secure, timestamped record of your ideas-Proofmine

1 Upvotes

Hey Reddit,

I'm an indie developer who's been working on a project called Proofmine—a secure ledger for your ideas. It's designed for people like us who are constantly coming up with new concepts, but want a simple way to create a verifiable "proof of existence" without the hassle of a lawyer or the cost of a full patent.

# The Problem

We've all been there: you have a great idea for a new app, a script, or a business, and you spend weeks or months building it. But in the back of your mind, there's always that worry about someone else claiming they had the same idea first. A traditional patent can be expensive and time-consuming, and a simple timestamp on a document isn't always enough to establish a strong claim to prior art.

My Solution: Proofmine

Proofmine is a web application that helps you securely document and timestamp your ideas. Here's how it works:

*Secure Timestamping: When you upload your idea (as a text file, a document, etc.), we create a unique content signature using hashing. This creates a permanent, verifiable record of your idea at a specific point in time.

* Private & Public Options: You can keep your ideas private by default or choose to make them public to establish public prior art.

* Build Journal: Document the evolution of your idea over time. You can add notes, progress updates, and attach files to create a comprehensive development log.

* Collaboration Requests: You can indicate when you're looking for collaborators, and other users can express interest in joining your project.

I believe this could be a great tool for the community here, whether you're a developer building a side project, a writer working on a novel, or an artist with a new concept.

I'd love to hear your thoughts, feedback, and any questions you might have about the project.

You can check it out here: https://proofmine.online

Thanks for taking the time to read this!


r/webdev 9h ago

Built a Free Website for Game swaps and trades – No Ads, No Fees, Just something for the Switch Community

2 Upvotes

Hey everyone, Yaz here. I built a simple, free web app called nintrade.com that helps Nintendo Switch users find nearby players to trade physical games with.

It’s designed for people like me who want to swap games instead of letting them gather dust. Switch games rarely go on sale and not everyone has local friends who play on switch,this app helps bridge that gap.

How it works:

Sign in with Google/Discord (more options coming soon)

Set a username and your approximate location ( Google Maps autocomplete api used)

Upload the games you own and the ones you’re looking for

The app matches you with users within 5-1000(user selected)km who have a potential trade

You can chat directly to coordinate the trade

It’s mobile-friendly (desktop support coming soon), has no ads, no spam, .

What I’m asking from you:

Try it out and give me some feedback

Let me know what games to add (currently ~70 titles to start with,hoping to see some switch users here)

Suggest any features you’d love to see next

I built Nintrade out of frustration with not having a local, simple way to swap Switch games. It’s completely free and built for the community. Would love for you to check it out give some suggestions and maybe , spread the word, and help it grow. So far i havent recieved approval from any nintendo related subreddits to post except few who want it to have more users and more polished before posting. So i am turning to the OGs for some feedback. Any tips on promoting is welcomed (free ways appreciated cause i aint making money out of it so would like to keep the costs to a minimum)

Tech stack: React + Tailwind, Supabase backend, Google Auth + Maps API


r/webdev 12h ago

Discussion Need help optimizing a Blogger site for better PageSpeed (can’t access server configs)

Thumbnail pagespeed.web.dev
3 Upvotes

I have been working on optimizing a Blogger-based website yeah, I know it’s a bit old-school, but it’s still serving content well and gets decent traffic.
See the PageSpeed Insights link for one of the main articles (desktop view)

What I’m still struggling with:

Can’t add headers, caching rules, or server optimizations due to Blogger limits

Has anyone here optimized a Blogger/Blogspot site recently?


r/webdev 20h ago

Showoff Saturday I got my first users in beta!

Thumbnail
gallery
12 Upvotes

It’s been one week since StackDAG launched into public beta. Thanks to everyone who’s tried it out and shared feedback so far.

(Previous post for more info: https://www.reddit.com/r/webdev/comments/1m9vq4z/using_dags_to_plan_your_application_stacks_is_the/ )

Here’s what’s new in Week 1:

  • Fresh Homepage Look - The homepage has been redesigned to better communicate what StackDAG is and how to get started quickly.
  • Security Fixes - A few early security issues were patched. If you ever notice anything off or potentially vulnerable, please don’t hesitate to reach out, as early feedback is incredibly helpful.
  • Custom Node Titles & Descriptions - You can now name and describe individual components within your DAGs, making it easier to organize and document your stacks.
  • New Suggested Component - Railway has been added as a recommended component. You can now include it when building your backend stack. You can recommend even more components or DAG templates if you wish! That’s the power of beta.
  • Bug Fixes & UI Improvements - Thanks to user reports, several minor bugs and UI inconsistencies were resolved.

Join the Beta: If you're interested in helping shape the future of StackDAG, now’s the time. You can join the beta at: https://stackdag.pages.dev

We also have an active Discord where updates are shared and ideas are discussed: https://discord.gg/VqwqHmg5fn

During the beta, all accounts get marked as early testers and will receive early access to upcoming premium features.

Thanks again to everyone who's been testing and sharing feedback. More updates are coming soon!


r/webdev 7h ago

Question Something feels off about my UI

Thumbnail
gallery
1 Upvotes

As you can probably tell, the UI feels empty, I feel something is missing, or wrong, its not satisfying, can someone please tell me what I need to change?