FieldGuardian-FRONTEND

Welcome to the FieldGuardian frontend repository! This application serves as the user interface for a comprehensive crop monitoring system for Green Shadow (Pvt) Ltd. It enables efficient management of fields, crops, staff, vehicles, and equipment, ensuring high-quality production and streamlined operations.

View Design · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. API Documentation
4. Screenshots
5. Figma Design
6. Backend Repository
7. License

About The Project

Green Shadow (Pvt) Ltd. is a mid-scale farm specializing in root crops and cereals. The company operates at both national and international levels and is renowned for high-quality production. Due to recent growth, the management has decided to introduce a comprehensive system to manage their crops and other assets. The proposed project will focus on systemizing the following areas:

• Field: Represents the land allocated for cultivation, with several fields designated for specific crop types.
• Crop: Refers to the type of crop grown in a particular field.
• Staff: Manages human resources as well as field and crop operations.
• Monitoring Log: Records observations and activities related to fields and crops.
• Vehicle: Manages vehicles assigned to staff for monitoring and supporting agricultural operations.
• Equipment: Oversees the agricultural equipment used in various operations.

Screenshots

Project UI screenshots are available here.

User Interface

• Modern UI built with React, Vite, Bootstrap, and TypeScript.
• State management powered by Redux.
• API interactions handled efficiently using Axios.

Built With

This project is developed using modern web technologies to ensure a dynamic and scalable user experience.

• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Follow these steps to set up the project locally and get it running on your machine.

Prerequisites

Before setting up the project, ensure you have the following tools installed:

• Node.js (Latest LTS version recommended)
• Vite (Pre-configured in the project)

Installation

1. Clone the repository

   git clone https://github.com/gayanukabulegoda/FieldGuardian-FRONTEND.git

2. Navigate to the project directory

   cd FieldGuardian-FRONTEND

3. Install dependencies

   npm install

4. Run the development server

   npm run dev

(back to top)

API Documentation

Refer to the Postman API Documentation for detailed API endpoints and usage instructions.

Figma Design

Check out the Figma design for the frontend here.

Backend Repository

Access the backend repository on GitHub here.

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

---

🚧 Project Status: Under Conversion

This project is currently being converted to React, Vite, TypeScript, Bootstrap, Redux, and Axios. Some features may be incomplete or undergoing updates.

---

© 2025 Gayanuka Bulegoda