https://github.com/sandundil2002/crop_monitoring_system-frontend
This repository is a web-based interface for managing and monitoring crops, fields, staff, vehicles, and equipment. Built with modern web technologies, it provides seamless integration with the backend for efficient agricultural operations.
https://github.com/sandundil2002/crop_monitoring_system-frontend
ajax bootstrap5 chartjs css3 html5 javascript jquery jwt-authentication sweetalert
Last synced: 3 months ago
JSON representation
This repository is a web-based interface for managing and monitoring crops, fields, staff, vehicles, and equipment. Built with modern web technologies, it provides seamless integration with the backend for efficient agricultural operations.
- Host: GitHub
- URL: https://github.com/sandundil2002/crop_monitoring_system-frontend
- Owner: sandundil2002
- License: mit
- Created: 2024-10-29T14:12:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-07T15:42:30.000Z (over 1 year ago)
- Last Synced: 2025-02-10T14:26:41.750Z (over 1 year ago)
- Topics: ajax, bootstrap5, chartjs, css3, html5, javascript, jquery, jwt-authentication, sweetalert
- Language: JavaScript
- Homepage:
- Size: 7.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Welcome to the Crop Monitoring System Frontend repository! This project provides an interactive user interface to manage and monitor agricultural operations including crops fields staff vehicles and equipment. Built with modern web technologies it seamlessly integrates with the backend to ensure an efficient and user-friendly experience.
Project Screenshots:
🧐 Features
Here're some of the project's best features:
* User Authentication: Login and role-based access for MANAGER SCIENTIST and ADMINISTRATIVE users.
* Dashboard: Displays real-time metrics like total crops fields and active staff & analyze crop types by field
* Field Management: Add update and view fields with location data and assigned staff.
* Crop Management: Manage crop details including categories seasons and associated fields.
* Staff Vehicles and Equipment: Manage assignments and track availability.
* Logs and Reports: View and analyze operational data for informed decision-making.
🛠️ Installation Steps:
1. Prerequisites
```
A modern web browser (e.g. Chrome Firefox Edge).
```
2. Clone the repository:
```
git clone https://github.com/sandundil2002/Crop_Monitoring_System-Frontend.git
```
3. Open the project in a code editor (e.g. VS Code).
```
code .
```
4. Update the API base URL in the all model.js files in model package:
```
const BASE_URL = "http://localhost:8080/api/v1/";
```
5. Open index.html in your browser to start the application.
```
http://127.0.0.1:5500/index.html
```
💻 Built with
Technologies used in the project:
* HTML5 CSS3 JavaScript: For responsive and dynamic user interfaces.
* Bootstrap: For a modern responsive layout.
* jQuery: Simplified DOM manipulation and AJAX requests.
* Chart.js: For data visualization and interactive charts.
* Sweetalert: For real time alert
🛡️ License:
This project is licensed under the MIT License