Tom Butcher
4ea6d1e7a3
- Introduced a new CollapsedItemIcon component to improve the display of sidebar items when collapsed, providing additional context through tooltips. - Updated the DashboardSidebar to utilize the CollapsedItemIcon for better user experience and visual clarity when navigating collapsed sidebar items. - Enhanced code readability by organizing the new component and its prop types within the DashboardSidebar file.
Farm Control UI
Farm Control UI is a modern web application for managing and monitoring farm production, inventory, and operations. This project serves as the frontend for the FarmControl system, providing an intuitive interface for users to interact with various farm management modules.
Features
- Dashboard for real-time monitoring
- Inventory management (Filaments, Parts, Products, Vendors, etc.)
- Production tracking (Jobs, Printers, GCode files)
- User and access management
- Audit logs and activity tracking
- Responsive and user-friendly design
Stack
- React
- Vite
- JavaScript (ES6+)
- [CSS Modules]
- Node.js
Getting Started
Prerequisites
- Node.js (v16 or higher recommended)
- npm (v8 or higher)
Installation
- Clone the repository:
git clone https://github.com/your-org/farmcontrol-ui.git cd farmcontrol-ui - Install dependencies:
npm install
Running the App
To start the development server:
npm run dev
The app will be available at http://localhost:5173.
Building for Production
To build the app for production:
npm run build
The optimized build will be in the build/ directory.
To run the app for production:
npm start
Project Structure
src/
assets/ # Icons, logos, and other static assets
components/ # React components organized by feature/module
config.js # App configuration
index.jsx # App entry point
App.jsx # Main App component
...
public/ # Static public files
scripts/ # Utility scripts (e.g., SVG minification)
License
This project is licensed under the MIT License.