Tom Butcher
655e1803ff
- Adjusted background opacity for light and dark modes in the sidebar to enhance visual consistency. - Introduced new styles for the electron navigation wrapper in both light and dark modes to improve UI clarity. - Refined overall CSS for macOS vibrancy to ensure better integration with the application layout.
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.