The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
EA Farm SCADA V2 is a modern industrial monitoring and control interface for agricultural automation systems.
I worked on the V2 application architecture and interface, connecting the web application to industrial controllers through Modbus TCP and WebSockets for real-time monitoring and control.
The system handles digital and analog I/O, equipment states, live telemetry, configuration, authentication, and audit logging through a React-based interface designed for actual farm operations.
The main challenge was balancing a modern, responsive UI with the reliability and predictability required by an industrial control system. I focused on clear operator workflows, real-time state synchronization, safe communication handling, and an architecture that can work both locally and across a LAN.
Stack: React, Vite, TypeScript/JavaScript, Zustand, Express, Modbus TCP, WebSockets, JSON, Inno Setup
Linking the UI to controllers with Modbus TCP and WebSockets gives you instant data without polling. That direct line keeps the dashboard in sync with field equipment.
yeah, pretty much except the polling happens on the server side. Modbus TCP talks to the controller, then websockets push the updated state to the UI, that way the frontend stays synced in real time without directly hammering the controller
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🚀 Aurora: a real-time 3D website system, built from scratch with Three.js.
Everything in this 20-second showcase is real. The 3D shape is a live shader, and the site footage is a screen recording of the finished build, not a mockup.
What's inside: 6 finished pages, a mobile-first layout, scroll-reactive motion, and Figma-ready design tokens. Plain HTML, CSS and JS, so it deploys free on Netlify or Cloudflare Pages.
Need a custom 3D site or a rebrand of Aurora for your studio? Message me. I reply within 1 to 2 working days.
The full kit is on my Products tab. Live demo: aurora-3d-kit.netlify.app
#threejs #webgl #webdesign #3dwebsite #frontend
A live shader instead of a rendered video makes a big difference in how the hero feels. Plain HTML, CSS and JS with free deploys on Netlify is a nice choice for a kit like this.
Cinematic Brand Storytelling: Interactive Web Experiences That Convert
A 12s demo of a luxury editorial experience built for cinematic brands. Watch the live site shift into 2.39:1 anamorphic letterboxing, reveal an ambient hero, and launch an interactive Remotion screening room with synced audio, subtitles, and chapter seeking. Everything has been developed through AI prompt engineering.
How it’s built: Remotion + React, tailored ambient soundscape, and responsive motion architecture.
For: Luxury hospitality, travel expeditions, culture magazines, luxury events, boutique fashion, design studios, digital first brands and businesses. wanting to elevate BEYOND STANDARD Framer, Figma, Adobe, Shopify, Webflow, SaaS template, for which you are OVERPAYING.
Use cases: Flagship launch pages, high-touch case studies for creative agencies, story-driven product drops, interactive lookbooks, and high-conversion editorial campaigns.
The 2.39:1 letterboxing shift is a really cinematic way to open a luxury site. Building the screening room with Remotion and synced subtitles is a clever setup.
Helix — an all-in-one console to accelerate enterprise voice-agent deployment. I shaped the foundational experience and responsive web application: a smart multi-model prompt bar to attach documentation, switch between leading LLMs and inspect live synthesis previews, plus a dark-canvas dashboard with real-time call volume analytics, agent availability monitors and third-party CRM integration readiness.
Helix: Fast-tracking conversational AI with an intuitive workspace to build, simulate, and deploy autonomous voice agents.
I shaped the foundational experience and responsive web application for Helix, an all-in-one console built to accelerate enterprise voice-agent deployment....
