Blocker Device Frontend is an open-source web app for managing and monitoring IoT device software updates with blockchain integration and update process visualization.
- Real-time monitoring of connected IoT devices
- Secure software update management and history tracking
- Blockchain-based verification and status display
- Interactive 3D visualization of devices and update processes
- Node.js (version 18 or higher)
- npm
- Windows, macOS, or Linux
Core framework for building interactive UIs and rendering pages.
Enables type-safe component development and API integration.
Provides a fast development server and lightning-quick build process.
Manages global state such as device status and animation steps.
Powers 3D device visualization and update progress animations.
Provides a utility-first approach to styling all UI components and layouts.
Enables real-time notifications for device and blockchain events.
Used to create smooth 3D object animations and seamless UI transitions.
Handles all backend API calls for device data, update history, and more.
See install.md for installation and usage instructions.
Blocker_Device_Frontend/
├── src/
│ ├── components/ # UI and 3D components
│ ├── pages/ # Main application pages
│ ├── services/ # API and backend communication
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Utility functions
│ ├── assets/ # Static resources
├── public/
│ ├── 3D models and license files
Licenses for third-party resources and 3D models are listed in THIRD_PARTY_LICENSES.md.
This project is licensed under the MIT License. See LICENSE for details.
Contributions and questions are always welcome through Issues and Pull Requests. For detailed contribution guidelines, please refer to the Contribution Guide.
Contributions and questions are welcome via Issues and Pull Requests. For more information about the overall project, visit the HSU-Blocker GitHub organization.
