React HMI SPA Realtime Controls
Budget: ₹1,500 – ₹12,500 INR
I need a React-based Single Page Application that will serve as a Human-Machine Interface. The core of the project is a fast, responsive UI that shows real-time data and offers interactive controls to the end user.
Here’s what I expect to receive:
• A clean React SPA scaffolded with Vite or Create React App, structured for easy maintenance.
• Real-time data display fed, for example, through WebSocket, MQTT, or another streaming source that we can easily swap during integration.
• Interactive control components (buttons, sliders, toggles) that push state changes back to the server with immediate UI feedback.
• Clear separation of presentation and logic, preferably using functional components, React Hooks, and Context or Redux for state management.
• Production-ready build, concise README, and a short Loom or GIF walkthrough so I can assess the flow quickly.
Acceptance criteria
1. Data refresh latency under one second on a localhost test with dummy stream.
2. Control actions reflected in the UI instantly and confirmed through a mocked API response.
3. No console errors or linter warnings in the final build.
If this sounds straightforward, let me know what libraries (e.g., socket.io, redux-toolkit, tailwind) you would reach for and how soon you can turn around an MVP.
Here’s what I expect to receive:
• A clean React SPA scaffolded with Vite or Create React App, structured for easy maintenance.
• Real-time data display fed, for example, through WebSocket, MQTT, or another streaming source that we can easily swap during integration.
• Interactive control components (buttons, sliders, toggles) that push state changes back to the server with immediate UI feedback.
• Clear separation of presentation and logic, preferably using functional components, React Hooks, and Context or Redux for state management.
• Production-ready build, concise README, and a short Loom or GIF walkthrough so I can assess the flow quickly.
Acceptance criteria
1. Data refresh latency under one second on a localhost test with dummy stream.
2. Control actions reflected in the UI instantly and confirmed through a mocked API response.
3. No console errors or linter warnings in the final build.
If this sounds straightforward, let me know what libraries (e.g., socket.io, redux-toolkit, tailwind) you would reach for and how soon you can turn around an MVP.