Goal was pretty simple going in: bring back the parts of the old web I actually missed, guestbooks, webrings, top 8 friends, profiles you decorate, without cloning the aesthetic and calling it a day. Ended up as cybersoda.blog, Next.js App Router + Supabase, no template.

A few things that turned out harder than expected: guestbook entries write through a server action and revalidate the path, but I had a user report a signature that wasn't showing up on refresh, spent a while chasing it through the caching model before landing on it almost certainly being a stale tab, not a real bug. Also joining real webrings meant building actual prev/next ring navigation instead of just a badge, which took more plumbing than I expected for something that looks like two links.

It's small right now, but the first unprompted guestbook signature from a stranger was a genuinely good moment. https://www.cybersoda.blog if anyone wants to look at how it's put together, happy to talk through any of it.

Hey everyone I have made a group for programming folks to learn, grow and network with each other

From beginners to advanced We help each other and provide guidance to everyone in our community.

Those who are interested are free to dm me anytime

I will also drop the link in comments

Guys in the next FormBlocks' update comes dslContext which changed everything, because now it's possible pass all value as ref by @ attribute

This project is opensource, and everyone can see on github

Heloooo!! For pas few weeks i have been building this web(gooseweb.site). Its a site wich contains 4 powerfull tools. Image Resizer,Lasso Tool, Secure Transfer and InstantFrames. These tools can really help you if you wanna cut your photo,you need make from your video an images or wanna fast share some low storage files. Im really thankfull for any visitis and feedback!

Hey all can anyone suggest me best resources to learn web dev. In yt so that it may be helpful to me im in dilemma which one to start with and what stack to choose and i want to freelance suggest me best stack to do with i currently completed 1st btech cse

​I have built Snipext (snipext.com), a free Chrome extension designed to supercharge your workflow by letting you create and manage custom code snippets (or any kind of text really) using quick shortcuts.

​As web developers, we write a lot of repetitive code—whether it's complex CSS layouts, favorite React hooks, or SQL queries. I wanted something lightweight that lives right in the browser and doesn't require switching apps or opening heavy snippet managers.

​Key Features:

​Organized Library: Categorize your code blocks with tags so you never lose a helpful utility function again.

​Privacy-Focused & Lightweight: It runs entirely in your browser without slowing down your tabs.

​It is completely free, and I really want to make it as useful as possible for the community.

​I would love to get your honest feedback on it! What features are missing from your current snippet workflow? What would make this an essential tool in your daily stack?

Hey everyone!

I recently built Trevi, a self-hosted app for tracking restaurant visits and reviews, primarily as a project to practice and relearn Laravel. While I used AI to help with parts of the code—especially the frontend—every line has been read and reviewed by me, and the backend is mostly hand-written. The project is still in early stages, but it’s fully functional and being used by my girlfrend and myself!

It’s built with:

• Backend: Laravel (Spatie Query Builder, JSON API Pagination)
• Frontend: React
• Auth: Laravel Sanctum (cookie-based)
• Features: Team support for shared lists

Since I’m running it on my homelab K3s cluster, I’m sharing both Kubernetes YAMLs and a Docker Compose file for anyone who wants to self-host it. Images are on GHCR:

• ghcr.io/dan6erbond/trevi-php-fpm
• ghcr.io/dan6erbond/trevi-nginx
• ghcr.io/dan6erbond/trevi-client

Screenshots

Docker Compose (Simplest way to try it)

version: '3.8'
services:
  postgres:
    image: postgres:17
    environment:
      POSTGRES_DB: trevi
      POSTGRES_USER: trevi
      POSTGRES_PASSWORD: yourpassword
    volumes:
      - postgres_data:/var/lib/postgresql/data

  php-fpm:
    image: ghcr.io/dan6erbond/trevi-php-fpm
    environment:
      DB_CONNECTION: pgsql
      DB_HOST: postgres
      DB_PORT: 5432
      DB_DATABASE: trevi
      DB_USERNAME: trevi
      DB_PASSWORD: yourpassword
      APP_KEY: your-app-key  # Generate with: php artisan key:generate
    volumes:
      - storage:/var/www/storage
    expose:
      - "9000"

  nginx:
    image: ghcr.io/dan6erbond/trevi-nginx
    ports:
      - "8000:80"
    depends_on:
      - php-fpm
      - postgres

  client:
    image: ghcr.io/dan6erbond/trevi-client
    environment:
      VITE_SERVER_URL: http://localhost:8000
    ports:
      - "3000:3000"
    depends_on:
      - nginx

volumes:
  postgres_data:
  storage:

Kubernetes YAMLs

(For K8s users - minimal setup with Traefik ingress)

# 1. Namespace
apiVersion: v1
kind: Namespace
metadata:
  name: trevi
---
# 2. Storage PVC
apiVersion: v1
kind: PersistentVolumeClaim
metadata:
  name: trevi-storage
  namespace: trevi
spec:
  accessModes: [ReadWriteOnce]
  resources:
    requests:
      storage: 15Gi
  storageClassName: local-path  # Replace with your storage class
---
# 3. ConfigMap (update with your DB credentials)
apiVersion: v1
kind: ConfigMap
metadata:
  name: trevi-env
  namespace: trevi
data:
  APP_KEY: "<your-app-key>"
  DB_CONNECTION: "pgsql"
  DB_HOST: "<your-postgres-host>"
  DB_PORT: "5432"
  DB_DATABASE: "trevi"
  DB_USERNAME: "<your-db-user>"
  DB_PASSWORD: "<your-db-password>"
---
# 4. Server Deployment (PHP-FPM + Nginx)
apiVersion: apps/v1
kind: Deployment
metadata:
  name: trevi-server
  namespace: trevi
spec:
  replicas: 1
  selector:
    matchLabels:
      app: trevi-server
  template:
    metadata:
      labels:
        app: trevi-server
    spec:
      containers:
      - name: php-fpm
        image: ghcr.io/dan6erbond/trevi-php-fpm
        envFrom:
        - configMapRef:
            name: trevi-env
        volumeMounts:
        - name: storage
          mount_path: /var/www/storage
      - name: nginx
        image: ghcr.io/dan6erbond/trevi-nginx
        ports:
        - containerPort: 80
      volumes:
      - name: storage
        persistentVolumeClaim:
          claimName: trevi-storage
---
# 5. Server Service
apiVersion: v1
kind: Service
metadata:
  name: trevi-server
  namespace: trevi
spec:
  type: ClusterIP
  selector:
    app: trevi-server
  ports:
  - port: 80
    targetPort: 80
---
# 6. Client Deployment
apiVersion: apps/v1
kind: Deployment
metadata:
  name: trevi-client
  namespace: trevi
spec:
  replicas: 1
  selector:
    matchLabels:
      app: trevi-client
  template:
    metadata:
      labels:
        app: trevi-client
    spec:
      containers:
      - name: client
        image: ghcr.io/dan6erbond/trevi-client
        env:
        - name: VITE_SERVER_URL
          value: "http://trevi-server"
        ports:
        - containerPort: 3000
---
# 7. Client Service
apiVersion: v1
kind: Service
metadata:
  name: trevi-client
  namespace: trevi
spec:
  type: ClusterIP
  selector:
    app: trevi-client
  ports:
  - port: 3000
    targetPort: 3000
---
# 8. Ingress (Traefik example)
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: trevi
  namespace: trevi
  annotations:
    traefik.ingress.kubernetes.io/router.entrypoints: websecure
    traefik.ingress.kubernetes.io/router.tls.certresolver: letsencrypt
spec:
  rules:
  - host: trevi.your-domain.com  # Replace with your domain
    http:
      paths:
      - path: /api
        pathType: Prefix
        backend:
          service:
            name: trevi-server
            port:
              number: 80
      - path: /sanctum
        pathType: Prefix
        backend:
          service:
            name: trevi-server
            port:
              number: 80
      - path: /
        pathType: Prefix
        backend:
          service:
            name: trevi-client
            port:
              number: 3000

Prerequisites & Steps

• Docker Compose: Run docker compose up -d and access the frontend at http://localhost:3000.
• Kubernetes: Apply the YAMLs and configure your ingress/DNS.

The full source code and Dockerfiles are on GitHub.

Would love to hear your feedback or if you have any questions about the setup!

Hey everyone 👋

I built a small Chrome extension because I was constantly running into the same problem on YouTube.

I’d go to watch a specific creator… and 10 minutes later I’d be deep into completely unrelated recommendations.

So I built YouTube Angel to make YouTube feel more intentional.

Instead of blocking everything, it lets you create a personal whitelist of channels you actually trust. Everything else becomes visually de-emphasized so your intended content stands out.

What it does:

• Whitelist system for your favorite channels
• Greys out homepage + sidebar recommendations that aren’t in your list
• Overlay on videos from non-whitelisted channels (watch anyway / go back / add to whitelist)
• One-click add from channel pages
• Quick access popup (search + recent additions)
• Export / import whitelist (JSON)
• Toggle on/off anytime for “normal YouTube mode”

It’s a lightweight MV3 extension, and everything runs locally — no data ever leaves your browser.

Still early stage, but it’s already changed how I use YouTube daily.

Would love feedback or ideas from anyone dealing with the same problem 🙌

My website
Chrome Web Store

Abstify - https://apps.apple.com/gb/app/substance-addiction-abstify/id6754603923

As someone who suffers from OCD (and maybe ADHD) my mind fixates on something until it deems the task as "done". In this case, it was making sure Abstify visually and functionally ticked my unrealistic expectations - when it comes to building a prototype (something that is visually and functionally sufficient for the purposes of validating the idea). 

So I spent months trying to perfect the app - and it still is far from my definition of perfect - ignoring the importance and value of focusing (more) on distribution to validate the idea and then, once done, come back to "perfecting" the app. 

So here is the lesson - don't chase perfection when building a SaaS product (whether it's your 1st or 100th). Instead, yes, spend a FEW weeks developing the product into something that users can benefit from and enjoy using - it should not be junk/slop, but it should not be perfect initially because if it is it means you have prioritised development way beyond distribution. Like I said earlier, distribution is the key as this is how you can actually validate the idea and the demand for it. 

Anyway, for those of you interested in checking my app out it's called Abstify - let me know your thoughts. 

Did I waste the last 8 months or did I build something beautiful and functional?

PS, the current version on the App Store is a previous iteration with the new version (as pictured) waiting for App Store review. 

I’m running FluxyChat as a solo builder project:

• Workers for HTTP + WebSocket
• Durable Objects for room state
• D1 for persistence
• Next.js dashboard
• TypeScript SDK

Problem

Most SaaS apps still rely on:

• external realtime vendors
• or complex socket infra

This tries to replace that with something edge-native.

Question

What would make you trust a solo-built infra product?

• code transparency?
• uptime page?
• support response time?
• community traction?

Try:
https://www.fluxychat.com/get-started

Repo:
https://github.com/AlessandroFare/fluxychat

Hey everyone,

I just launched VideoFlow, an Apache-2.0 open-source toolkit for generating videos from code.

It’s in the same general category as Remotion, but the architecture is different. VideoFlow uses a portable JSON representation for videos, rather than making React the primary source of truth.

The core idea is that a video can be described as structured data:

• scenes
• layers
• timing
• transitions
• effects
• keyframes
• render settings

That representation can then be rendered across different targets:

• browser rendering
• server rendering
• live preview
• React player/editor
• visual editing tools

Why this matters: once the video is data, it becomes easier to generate, transform, store, version, edit, and render in different environments.

Some current features:

• TypeScript builder API
• portable VideoJSON format
• 27 transitions
• 42 GLSL effects
• layer groups
• browser/server/live-preview render paths
• React video editor component
• Apache-2.0 license

I’m especially looking for feedback on the positioning.

I wanted to share that after years of making different side projects, I feel comfortable to share one of them because it really resonates with things that I personally like, data, performance and dashboards!

So in a previous company we had customers whose data were variable, one could have millions of data points and the other just few thousands. This lead to our performance being also variable. We wanted to investigate as we had clients saying that "it was taking too long to load", but tbh it's always difficult to take very old-school non tech users from "it's taking too long" to "this chart didnt load after I clicked X". We started by measuring what we call P Metrics, essentially the performance for the 50%, 30%, 10% and 5% - this ideally would give us the outliers as we were looking for those 10% and less.

Even with those however, we could never pin point it to this organization and this route for this user at hat time.

That is why I started building a tracker that could measure the performance and identify it to specific customers and their users. This has slowly blown up and expanded into traffic analytics and in the future into revenue analytics based on the needs of the market.

I create different blog posts to provide more insights spanning technical the latest being how the data pipeline works

Maybe a bit late in the game as there are some great web analytics tools like Umami, Plausible, LogRocket and so forth, however for me the need for Performance with deep dive to Orgs and Users and Traffic analytics was not met by other tools and hope that if anyone else faced such issues they can find this useful.

Thank you and happy to answer any questions!

Hello guys i'm currently learning front end and i found it fun thus i created my own prototype website, the features are admin vs user(non admin), access granted vs denied access, sign up and etc.

(Link: https://codepen.io/Gelo-Mayao/pen/raeRmyq)

dealledger.eu

Hi guys

I’m currently working on an Amazon deals project where the user can select what sort of deals they want to receive emails for, as Amazon doesn’t really have anything like this. Currently focusing on electronics with the likes of headphones and laptop accessories etc., I’d greatly appreciate a bit of advice.

I currently have US and IE sites set up, with more to come

At the moment it’s very bare bones, there’s a number of items added, however once I get a couple of people to use it I can be approved for an improved API to automatically scrape deals in order to improve the site to be a lot more efficient and more beneficial to the user.

I am currently studying computer science but on an internship at the moment so just looking to find different things to work on for the evenings to gain extra experience.

Any ideas for implementations or recommended changes would be greatly appreciated

Thanks :)

Update: The most requested feature is now fully usable in a much stronger form - Whitelist + Private Sync.

FilterTube now supports:

• Full Whitelist mode (only allow what you explicitly choose).
• Works across YouTube Main + YouTube Kids.
• Profiles (Independent + Child) with PIN protection.
• Import your subscribed channels with single tap as WHITELIST too.
• And now the important part: secure P2P sync across devices (no central server).

This means:

• Your rules (blocklist/whitelist) are not stored on any server
• You can sync across devices privately
• Works the same for personal use or controlled environments (kids)

So effectively:

Current state:

• Stable on YouTube Kids
• Minor rough edges still exist on YouTube Main (being worked on)
• Import + Whitelist flow is working
• And yes new improved UI for app and website too :)

Next:

• Mobile (Android / iOS)
• iPad
• Android TV/ Fire TV

Context:

This started because parents were asking for basic control tools and got ignored:
https://support.google.com/youtubekids/thread/54509605/how-to-block-videos-by-keyword-or-tag?hl=en

One parent literally said they were helpless and asked me if I can do something. That stayed.

FilterTube.in will always remain:

• Open source
• Runs locally
• No tracking
• No data collection

Now evolving into:

• Whitelist-first control system
• Private sync layer (P2P, no server)

Chrome / Brave / Vivaldi
https://chromewebstore.google.com/detail/filtertube/cjmdggnnpmpchholgnkfokibidbbnfgc

Firefox / Zen / Tor
https://addons.mozilla.org/en-US/firefox/addon/filtertube/

Edge
https://microsoftedge.microsoft.com/addons/detail/filtertube/lgeflbmplcmljnhffmoghkoccflhlbem

GitHub
https://github.com/varshneydevansh/FilterTube

Working continuously based on real feedback and real use cases.

I built a pixel guessing party game. Was looking for a way to implement online multiplayer. Since there are not so many real options to host a websocket server for free, I was looking for alternatives to realize online multiplayer.

Ended up using apinator.io which works completely without dedicated server. what it does: provides a websocket channel that clients can subscribe to and shares messages/data between the subscribers.

Pro: no dedicated server and super easy to set up
Con: no globally managed state

For the multiplayer: I designed the multiplayer around this limitation. One player is the host, the app creates a set of drawings client-side, creates a channel on apinator. Players can join. When the host starts the game, the data is sent to all players and the game start is triggered. All players play for themselves and manage the state themselves only if one player is done, based on data the channel provides for each player finishing.

If you want to check out: www.pixreveal.com

I've been noticing this a lot - apps get features piled on and suddenly nobody uses half of it.

People either stick to one tiny workflow, pester support, or just quit because learning feels like a job.

What if, instead of hunting through menus, you could just tell the app what you want? Like plain prompts.

I've been noodling on a framework idea that turns a web app into an AI agent so users talk intent, not clicks.

Seems like it could cut friction a ton, but also brings up issues - errors, security, and weird edge cases, ugh.

Curious if others see complexity as the main user problem too, or if you solved it another way.

Got any tips for making that agent-friendly layer practical? Or is it a nightmare waiting to happen?

I'm half excited, half terrified - not sure which is worse, honestly.

Hi everyone,

I created an open-source web app to evaluate agents across different LLMs by defining the agent, its behavior, and tooling in a YAML file -> the Agent Definition Language (ADL).

Within the spec you describe tools, expected execution path, test scenarios. vrunai runs it against multiple LLM providers in parallel and shows you exactly where each model deviates and what it costs.

The story behind vrunai: I spent several sessions in workshops building and testing AI agents. Every time the same question came up: "How do we know which LLM is the best for our use case? Do we have to do it all by trial and error?".

The web app runs entirely in your browser. No backend, no account, no data collection.

Website: https://vrunai.com

Would love to get your impression, feedback, and contributions!

Here are some dummy values I put in. Not sure if this is the right place, but I'm looking for feedback on the design or ideas to make it more readable/interesting. Overall I'm pretty proud of it as it autoformats and has some nice UI features in my opinion.