cross-posted from: https://lemmy.world/post/33814221

Hey all! Got something I'd appreciate your opinions on in regards to the tech stack I'm planning to use:

The Main Question

The web app in question is a sort of project-management tool. Broadly, users will need to be able to:

• log in
• create and manage (e.g. update text content of/delete) "goals"
• assign "goals" to "years" or "quarters" (give "goals" end dates).
• view "goals" by status e.g. "completed", "not started", "finished"
• create and manage (e.g. update text content of/delete) "items"
• arrange "items" into "lists"
• add "items" to "goals"
• carry out "process reviews" in which they can check off or add "goals" that they've achieved that week/month.

In your opinion, is a MERN stack right for this? A web app that focuses heavily on user interactivity, with a lot of reusable components in the front end (I designed with that in mind). Would PERN be better? Would a totally different stack be your choice?

Some context - skip if not interested

I've worked full time in web for over a decade, but mostly focused on PHP. I've built some stuff in React but am not particularly experienced with it.

I've recently become dissatisfied with my role, and want to move into something a little different (and with a bit of a nicer paycheck to boot!). I've become interested in React agan.

With that in mind, I've made contact with somebody who was conveniently in need of something developing, but not urgently.

I've communicated that I'll not promise anything and won't take money for the work, but can walk through a wireframe/design/development process with them for free as part of upskilling on my side, and that I'm happy to provide support if they choose to reach out to an agency for development at any point on their side (just making sure all my cards are on the table, I'm not overpromising, taking money for a project I can't deliver, or in any way deceiving them of course).

I've done similar before for projects I'm interested in so all good. We're in good spirits and the work has gone well so far.

Thank you! Apologies if this isn't the right place to post something like this 🙏

is there a go to stock photography site that is free of anything ai? i remember using istock back in the day but, like everything in the modern web, it seems to be infested with ai slop.

AI tools are great at generating frontend code, but they still fail at backend.

Manifest gives you a complete backend you can generate, edit, and ship directly from your AI coding environment.

You write one simple YAML file to get a complete backend with data, storage, logic and an admin panel.

• You stay in your AI editor. No drag-and-drop UI, no back-and-forth.
• The file is easy to read and edit, whether it’s written by a developer or an LLM.
• The result is consistent, clean, and ready for production.

How it works

Manifest is built on a concise set of clear and composable concepts, allowing you to generate backend code quickly and keep it easy to read and maintain.

Whether the backend is generated by an AI or written by hand, it stays clear, well-structured, and ready for production.

The built-in features cover everything you need to create secure, reliable, and ready-to-use backends.

For past years I've been working as a JavaScript/typescript developer who make websites, I've worked as an internee and a full type employee during my education but now I'm unemployed, I see less job openings for MERN, NEXT js developers and at this point I'm unemployed for past 2 months, I'm starting to think that I've made a mistake and I should have invested my time leaning pythons, and becoming an AI engineer or data scientist, Is there a way out?

cross-posted from: https://programming.dev/post/34280775

Hi,

I've recently installed FreeNginx[^FN]

I would like to use the geoip_module to have some "Stats" about my visitors..\

on the documentation we can read:

... using the precompiled MaxMind databases ...

.
.
.

But on the MaxMind website I'm facing a wall:

Sorry, we were not able to create your account. Please ensure that you are using an email that is not disposable, and that you are not connecting via a proxy or VPN.

So not working... And anyway I'm not a fan of using something compiled and more over not open source...

So do you know another solution to get GeoIP data with FreeNginx ?

Thanks.

[^FN]: https://freenginx.org/
https://programming.dev/post/12566209?sort=Old

im working on a webapp and im being creative on the approach. it might be considered over-complicated (because it is), but im just trying something out. its entirely possible this approach wont work long term. i see it as there is one-way-to-find-out. i dont reccomend this approach. just sharing what im trying/investigating.

how it will be architected: https://positive-intentions.com/blog/decentralised-architecture

some benefits of the approach: https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure

i find that module federation and microfronends to generally be discouraged when i see posts, but it i think it works for me in my approach. im optimisic about the approach and the benefits and so i wanted to share details.

when i serve the federated modules, i can also host the storybook statics so i think this could be a good way to document the modules in isolation.

cryptography modules - https://cryptography.positive-intentions.com/?path=%2Fdocs%2Fcryptography-introduction--docs

p2p framework - https://p2p.positive-intentions.com/?path=%2Fdocs%2Fe2e-tests-connectionstatus--docs

this way, i can create microfrontends that consume these modules. i can then share the functionality between apps. the following apps are using a different codebase from each other (there is a distinction between these apps in open and close source). sharing those dependencies could help make it easier to roll out updates to core mechanics.

p2p chat - https://chat.positive-intentions.com/

p2p file transfer - https://file.positive-intentions.com/

the functionality also works when i create an android build with Tauri. this could also lead to it being easier to create new apps that could use the modules created.

im sure there will be some distinct test/maintainance overhead, but depending on how its architected i think it could work and make it easier to improve on the current implementation.

everything about the project is far from finished. it could be see as this is a complicated way to do what npm does, but i think this approach allows for a greater flexibility by being able to separating open and close source code for the web. (of course as javascript, it will always be "source code available". especially in the age of AI, im sure its possible to reverse-engineer it like never before.)

Just moved my blog from wordpress to Pelican. I was pissed of by the wysiwyg interface and was looking for simple markdown based blog engine.

Pelican is great and easily customisable with theme. It can also be deployed on a gitlab/github/codberg/whatever page (next step 😋)

a very small OSS tool that i use everyday to clean up my images' metadata: zeroEXIF

Not to poke at React or any of the other popular frameworks, I'm sure they're suitable for Cybersecurity projects. They surely go through things like reviews and audits.

I'm asking from the perspective that web components are native to the browser and thus reducing what I think is called supply chain attacks (like if "npm install" introduces something it shouldn't).

Maybe the frameworks don't matter and depends on the browser/os/device it's run on?

Context: I have a p2p messaging app created with ReactJS and a separate project for a UI framework based on Lit. Both these projects can be a whole separate discussion. I was wondering if there could be any advantages to refactoring (or starting from scratch) the messaging-app to be based on the webcomponent ui framework.

Same question on Reddit with comments here. I have an answer there, but posting here in-case anything is being overlooked.

After 20 years, PNG is back with renewed vigor! A new PNG spec was just released.

Things I would like every young web engineer to learn:

• anything you can do in CSS + HTML, you should do in CSS + HTML
• framework du jour is not a platform, it's a high-interest loan against your future capacity. The platform is the platform
• understanding the memory hierarchy always matters
• client-side isn't easier than the server, and "generalists" usually suck at client-side. Mind the (packet) gap
• managers who are not technical are not useful
• put users first, always

Second-order things to learn:

• the way browsers work isn't static, but it also isn't changing that fast. Learn as much as you can and update every few years; particularly about networking and the rendering loop.
• JS is the slowest way to do anything on the web. Never let it become the way you do everything.
• a11y isn't nice-to-have, it's the job
• shipping fast almost never matters as much as quality, & there are simple heuristics you can use to understand the difference

https://voicengo.github.io/img-responsive/public/

cross-posted from: https://programming.dev/post/32376875

Biome is a formatter and linter for web languages: JavaScript, TypeScript, CSS, HTML, JSON, and GraphQL.

Version 2 adds type-aware lint rules and it is the first TypeScript linter that does not require tsc. Other new features include:

• Monorepo support
• GritQL Plugins
• Revamped, configurable import sorting
• Linter domains
• Bulk suppressions
• Analyzer assists
• Many new lint rules

Introducing Dim – a new framework that brings React-like functional JSX-syntax with JS. Check it out here:

🔗 Project: https://github.com/positive-intentions/dim

🔗 Website: https://dim.positive-intentions.com/

My journey with web components started with Lit, and while I appreciated its native browser support (less tooling!), coming from ReactJS, the class components felt like a step backward. The functional approach in React significantly improved my developer experience and debugging flow.

So, I set out to build a thin, functional wrapper around Lit, and Dim is the result! It's a proof-of-concept right now, with "main" hooks similar to React, plus some custom ones like useStore for encryption-at-rest. (Note: state management for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore passwordless options like WebAuthn/Passkeys).

You can dive deeper into the documentation and see how it works here:

📚 Dim Docs: https://positive-intentions.com/docs/category/dim

This project is still in its early stages and very unstable, so expect breaking changes. I've already received valuable feedback on some functions regarding security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

Firefox 139.0 released yesterday, with support for the Temporal JavaScript API.

I explored the API, writing down the most relevant interfaces into a reference or cheat sheet.

It's certainly and finally a thorough API for handling temporal information. Working with zoned datetime across time offsets and time zones can get very confusing, though.

I love how you can work with them though, especially with durations.

console.log(Temporal.PlainDateTime.from('2025-02-05T08:00:00'))

console.log(Temporal.Now.plainDateTimeISO("Europe/Berlin"))

console.log(Temporal.Now.plainDateTimeISO().add('PT2M0.2S').subtract('PT0.5S').since(Temporal.Now.plainDateTimeISO()))

console.log(Temporal.ZonedDateTime.from('2025-02-05T13:57:35.777888[Europe/Berlin]').withTimeZone('Europe/London'))

Hi everyone!

Yesterday I shared a post here about discovering independent websites. I spent the day working on a small prototype for a larger project I'd been working on called powRSS. It's nothing more than a simple RSS finder, reader, and now aggregator.

If you have a personal website or blog, I would strongly encourage you to leave a comment or send me an e-mail, as I'd love to add it to the public feed.

I hope some of you may find it useful :-)