https://github.com/malintha-induwara/green-shadow-frontend
A dynamic web frontend for Green Shadow Farm Management System
https://github.com/malintha-induwara/green-shadow-frontend
dashboard html5 javascript leaflet-maps responsive-design sweetalert2 tailwindcss
Last synced: about 2 months ago
JSON representation
A dynamic web frontend for Green Shadow Farm Management System
- Host: GitHub
- URL: https://github.com/malintha-induwara/green-shadow-frontend
- Owner: malintha-induwara
- License: mit
- Created: 2024-11-30T13:09:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-24T11:34:43.000Z (over 1 year ago)
- Last Synced: 2025-12-10T07:43:26.666Z (6 months ago)
- Topics: dashboard, html5, javascript, leaflet-maps, responsive-design, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 1.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Green Shadow Farm Management System Frontend
A modern, responsive web application for managing Green Shadow Farm operations. This frontend interface provides an intuitive user experience for farm management, resource tracking, and operational monitoring.
## About The Project
The Green Shadow Farm Management System frontend is designed to provide a seamless interface for farm operations management. It features a role-based dynamic dashboard and interactive features for managing various aspects of farm operations.
### Key Features
- **Dynamic Role-Based Dashboard**
- Customized views based on user roles
- Real-time data visualization
- Intuitive navigation system
- Role-specific functionality access
- **Resource Management Interface**
- Crop management with image previews
- Vehicle and equipment tracking
- Staff management portal
- Interactive field management
- **Interactive Field Management**
- Map-based field visualization using Leaflet
- Geographic location tracking
- Field status monitoring
- Visual representation of farm layout
- **User Authentication**
- Secure login system
- Role-based access control
- Profile management
## Technology Stack
[](https://developer.mozilla.org/en-US/docs/Web/HTML)
[](https://tailwindcss.com/)
[](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[](https://sweetalert2.github.io/)
[](https://leafletjs.com/)
## Getting Started
### Prerequisites
- Modern web browser
- Text editor (VS Code recommended)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/malintha-induwara/green-shadow-frontend.git
```
2. Open the project in your preferred text editor
3. Launch the application by opening `index.html` in your web browser
## Project Structure
```
green-shadow-frontend/
├── assets/
│ ├── css/
│ └── images/
│ └── icons/
├── controller/
├── model/
├── pages/
└── index.html
```
## Role-Based Dashboard Features
- **Admin Dashboard**
- Complete system overview
- User management
- System configuration
- Analytics and reporting
- **Farm Manager Dashboard**
- Resource allocation
- Staff management
- Field operations overview
- Equipment tracking
- **Field Worker Dashboard**
- Daily tasks
- Field updates
- Equipment checkout
- Activity logging
## Backend Repository
The backend repository for this project can be found here:
[Green Shadow Backend](https://github.com/malintha-induwara/green-shadow-backend)
## API Documentation
Access the API documentation here:
[View API Documentation](https://documenter.getpostman.com/view/33030562/2sAYBa8UpS)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details.