Tom Butcher
12cae32e33
- Removed the default border style from the Thumbnail component to streamline its appearance. - Updated the Thumbnail component to dynamically set the width in the card styles, enhancing layout flexibility. - Modified the fetchFileThumbnail function in ApiServerContext to include an optional parameter for handling 404 errors, improving error management during thumbnail fetching. - Added a thumbnail property to the GCodeFile model, enabling thumbnail support for GCode files.
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.