Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/apsarawitharana/aad-cw-green-shadow-frontend
Green Shadow Frontend is a comprehensive, interactive, and responsive front-end system designed as part of a second-semester final coursework.
https://github.com/apsarawitharana/aad-cw-green-shadow-frontend
ajax boostrap css html jquery js rejex
Last synced: 7 days ago
JSON representation
Green Shadow Frontend is a comprehensive, interactive, and responsive front-end system designed as part of a second-semester final coursework.
- Host: GitHub
- URL: https://github.com/apsarawitharana/aad-cw-green-shadow-frontend
- Owner: ApsaraWitharana
- License: mit
- Created: 2024-10-31T13:32:20.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-17T14:48:08.000Z (9 days ago)
- Last Synced: 2024-12-17T15:42:45.092Z (9 days ago)
- Topics: ajax, boostrap, css, html, jquery, js, rejex
- Language: HTML
- Homepage:
- Size: 1.41 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Green Shadow Frontend
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Setup and Installation](#setup-and-installation)
- [Usage](#usage)
- [API Endpoints](#api-endpoints)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Introduction
Green Shadow Frontend is a comprehensive, interactive, and responsive front-end system designed as part of a second-semester final coursework. The project focuses on the management of various aspects such as crops, equipment, vehicles, staff, and fields, with CRUD operations (Create, Read, Update, Delete). It also provides monitoring logs for efficient management and tracking of resources.
The system offers role-specific dashboards for Managers, Administrators, and Scientists, ensuring efficient workflow based on user responsibilities.
## Features
Role-Based Dashboards:
- Manager: Handles resource allocation and team oversight.
- Administrator: Manages users, permissions, and high-level operations.
- Scientist: Focuses on field and crop monitoring, logging findings.
CRUD Operations:
- Manage crops, equipment, vehicles, staff, and fields.
- Logs for monitoring and tracking:
Staff logs.
Field logs.
Monitoring logs.
Interactive UI:
- Responsive design for desktop and mobile platforms.
- Dynamic behavior powered by AJAX and JavaScript.
Input Validation:
- Real-time validation using Regex.
- Ensures data integrity and user input accuracy.
- User authentication and authorization
## Technologies Used
- HTML
- CSS
- JavaScript
- jQuery
- Bootstrap (if applicable)
- AJAX for API calls
- Validating
## Project Structure
### Front-end
The front-end code is organized in a structured manner, ensuring clarity and maintainability. Key directories and files include:
- index.html: The main entry point for the web application.
- contollers/: Directory for JavaScript files, including jQuery and AJAX functionality.
- contollers/validations/: Directory for validation contollers
- assets/: Other resources used in the application, bootstrap, font-awesome and jquery
#### Front-end
- jQuery : JavaScript library for simplifying client-side scripting. (Version 3.3.1)
- Bootstrap : Front-end framework for responsive and mobile-first web development. (Version 5.3.2)
- Font-Awesome : Icon font and CSS framework for scalable vector icons. (Version 6.4.2)
## Setup and Installation
To set up the project locally, follow these steps:
1. **Clone the repository:**
```bash
https://github.com/ApsaraWitharana/AAD-CW-Green-Shadow-Frontend.git
๐๏ธ๐ง๐ฒ๐ฐ๐ต๐ป๐ผ๐น๐ผ๐ด๐ ๐๐๐ฎ๐ฐ๐ธ โ๏ธHTML โ๏ธCSS โ๏ธJS โ๏ธBootstrap
## SignUp and Loging Form
## Manager Dashboard
## Administer Dashboard
## Scientist Dashboard
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
#### This project is licensed under the [MIT License](LICENSE)
#### ยฉ 2024 All Right Reserved, Designed By [Sachini Apsara](https://github.com/ApsaraWitharana)