RoboCloud Hub

RoboCloud Hub is a scalable cloud-based robotics dashboard designed for real-time control, kinematics computation, sensor monitoring, and robotic project management. It enables advanced robotic experimentation through an interactive and intuitive web platform — usable from any device without hardware dependency.

🌐 Live Demo: https://robocloud-dashboard.vercel.app/

---

🚀 Overview

RoboCloud Hub is a modern cloud robotics control system integrating forward kinematics calculation, multi-motor actuation, project configuration storage, and real-time sensor visualization. It is designed for students, researchers, and engineers building robotic control interfaces in the browser. a

📸 Dashboard Screenshot

---

✨ Key Features

🧠 Smart Kinematics Calculator

• Forward kinematics support for 3-DOF robotic arms
• Real-time end-effector coordinate computation
• Adjustable link lengths and joint angles
• Visual workspace representation

⚙️ Real-Time Motor Control

• Control up to three motors simultaneously
• Adjustable speed (0–100%)
• CW / CCW rotation control
• Enable / disable individual motors
• Status indicators and live feedback

📡 Sensor Monitoring Dashboard

• Real-time temperature, pressure, distance & voltage readings
• Auto refresh every 2 seconds
• Gauge-style sensor UI

📁 Project Management & Persistence

• Save and load user-specific configurations
• Project history and deletion options
• Automatic browser-based persistence

💎 UI & User Experience

• Modern glass-based transparent UI
• Smooth animations and transitions
• Fully responsive for tablet & mobile

---

🛠 Getting Started

Prerequisites

• Node.js v16+
• npm or yarn

Installation

git clone https://github.com/yourusername/robocloud-hub.git
cd robocloud-hub
npm install
npm run dev

Open in browser:

http://localhost:5173

---

📂 Project Structure

RoboCloud-Hub/
├── index.html
├── package.json
├── vite.config.js
├── src/
│   ├── App.jsx
│   ├── main.jsx
│   └── components/
└── README.md

---

🎮 How to Use

Landing Page

Click Get Started to access dashboard functions.

Authentication

Login with any username and password. (Session auto-persisted)

Kinematics Panel

• Set J1, J2, J3 angles + link lengths (L1-L3)
• Click Calculate Position
• View computed X / Y / Z coordinates

Motor Control

• Start/stop motors individually
• Select rotation direction
• Adjust speed % and monitor status

Sensor Monitoring

• Real-time sensor values
• Automatic refresh every 2 seconds

Project Management

• Save, load, and delete robot configs

---

🧰 Technologies Used

Technology	Description
React 18	Frontend framework
Vite	Fast development build system
Tailwind CSS	Styling
Lucide React	Icons
Browser Storage API	Local persistence

---

📦 Build & Deployment

Build

npm run build
npm run preview

Deployment

• Vercel (recommended) — 1-click deploy
• Netlify drag & drop
• Any static hosting

---

⚙️ Configuration

Storage Function

const saveData = async (key, value, shared = false) => {
  await window.storage.set(key, JSON.stringify(value), shared);
};

Sensor Refresh Interval

const interval = setInterval(simulateSensorData, 2000)

---

🗺 Roadmap

• Inverse kinematics (IK)
• 3D visualization workspace
• API-based hardware communication
• Multi-user sharing
• Trajectory planning
• Custom robot model builder
• Analytics engine
• Mobile app

---

📜 License

Licensed under MIT License.

---

🤝 Contributions

Contributions are welcome! Open pull requests with clear descriptions.

---

💬 Support

For help or feedback:

• Open an issue on GitHub
• Contact maintainers directly