🌟 Welcome to the Cold Storage Management System (CSM) — a modern, intuitive web application for managing cold storage warehouses, pallets, products, and IoT sensors.
🚀 This system empowers organizations to visualize, track, and optimize their cold storage operations with real-time data and interactive 3D interfaces.
⚡ Note: This frontend requires the CSM API server to function as its backend.
- 🏭 Visualize and manage multiple warehouses, agents, and companies.
- 🗺️ Interactive 3D layouts for warehouse and pallet configuration.
- ⚙️ Bulk operations for efficient warehouse management.
- 🏷️ Track pallets and products with detailed metadata, positions, and status.
- 🔄 Assign, move, and update pallets and products in real time.
- 🧊 Visualize pallet and product placement in 3D.
- 🌡️ Monitor temperature and sensor data for each warehouse and pallet.
- 🟢 Real-time sensor status and placement visualization.
- 🔗 Integrate with external IoT accounts and stations.
- 🔐 User authentication and role-based access control.
- 🏢 Organization-level and agent-level permissions.
- Generate reports and analytics for warehouse performance and compliance.
- Frontend: React, Material-UI, React Three Fiber, Three.js (for 3D visualization)
- State Management: React Context API / Redux
- Routing: React Router
- API Communication: Axios
- Authentication: JWT-based (via backend API)
- Build Tool: Create React App
- Design Tool: Spline (for Pallet 3D models)
- Clone this repository.
- Install dependencies:
npm install - Start the development server:
npm start - Ensure the CSM API server is running and accessible.
- Create React App Documentation
- React Documentation
- Material-UI Documentation
- React Three Fiber Documentation
- Three.js Documentation
- Spline Documentation
For backend/API details, see the CSM API repository.