Green Shadow Farm Management System - Frontend

This repository contains the frontend for the Green Shadow Farm Management System, designed to streamline agricultural operations for Green Shadow (Pvt) Ltd.. This system helps manage fields, crops, staff, monitoring logs, vehicles, and equipment, enabling efficient tracking and scaling as the farm expands to large-scale production both nationally and internationally.

---

Table of Contents

1. Overview
2. Technologies Used
3. Features
4. Installation
5. Usage
6. License

---

Overview

This frontend project enables users to manage the farm's operations efficiently. The system includes functionalities to track field details, crop information, staff management, vehicle monitoring, and equipment maintenance. The interface is designed to be user-friendly, responsive, and suitable for both small and large-scale farming operations.

Welcome Page

SignIn Page

Dashboard Page

Staff Manage Section

Staff Registration Form

Staff Update Form

Filed Manage Section

Field Registration Form

Field Update Form

Crop Manage Section

Crop Registration Form

Crop Update Form

Crop Details Manage Form

Crop Details Registration Form

Vehicle Manage Section

Vehicle Registration Form

Vehicle Update Form

Equipment Manage Section

Equipment Registration Form

Equipment Update Form

User Manage Section

User Registration Form

User Update Form

---

Technologies Used

• JavaScript: For dynamic user interface interaction.
• CSS: For styling the user interface.
• HTML: For structuring web pages.
• Bootstrap: For responsive and mobile-first design.
• Ajax: For asynchronous web requests.
• Axios: For making HTTP requests to the backend.
• jQuery: For simplifying DOM manipulation and event handling.

---

Features

• Responsive design using Bootstrap.
• Dynamic data loading with Ajax and Axios.
• User-friendly interface for managing farm operations.
• Image preview for file uploads.
• Secure login and data management functionality.

---

Installation

1. Clone this repository:

   git clone https://github.com/chamithKavinda/Crop-Monitoring-System-FrontEnd
   

---

Usage

• Use the navigation bar to access different sections:

  • Fields: Manage and view field details.
  • Crops: Add, update, and monitor crop information.
  • Staff: Track staff details and assignments.
  • Logs: View and manage farm activity logs.
  • Vehicles: Monitor vehicle usage and maintenance.
  • Equipment: Manage and track equipment status and usage.

• Upload and view images directly from the form interfaces with image preview functionality.

• Interact with the farm management data in real-time using dynamic UI elements, such as tables, charts, and notifications.

---

Backend Repository

The Backend repository for this project is available here. It handles all API endpoints, database interactions, and logic for managing farm data. To connect the frontend with the backend, ensure both repositories are running simultaneously.

---

License

This project is licensed under the MIT License - see the LICENSE file for details.