Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maruf-pfc/green-garden
Green Garden is an online platform designed to streamline the purchasing process for gardening products, offering easy product filtering, simplified communication through Facebook integration, efficient product management for admins, and enhanced user engagement.
https://github.com/maruf-pfc/green-garden
css html javascript mysql php php-mysql
Last synced: 26 days ago
JSON representation
Green Garden is an online platform designed to streamline the purchasing process for gardening products, offering easy product filtering, simplified communication through Facebook integration, efficient product management for admins, and enhanced user engagement.
- Host: GitHub
- URL: https://github.com/maruf-pfc/green-garden
- Owner: maruf-pfc
- License: mit
- Created: 2024-10-22T15:48:39.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-08T07:02:33.000Z (about 1 month ago)
- Last Synced: 2024-12-08T08:17:01.722Z (about 1 month ago)
- Topics: css, html, javascript, mysql, php, php-mysql
- Language: PHP
- Homepage: http://green-garden.great-site.net
- Size: 2.36 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Green Garden Website
## Project Goal
The primary goal of the Green Garden Website is to streamline the purchasing process for users who operate businesses on Facebook pages and groups by providing an efficient platform for showcasing gardening products. This project aims to:
1. **Enhance User Experience:** Allow consumers to easily filter products based on categories and price ranges, minimizing the time spent scrolling through social media for product details.
2. **Simplify Communication:** Enable users to take screenshots of products and send them directly to the business's Facebook page for inquiries. The screenshots will include unique code numbers, allowing admins to quickly identify and retrieve relevant product information.
3. **Facilitate Product Management:** Provide admins with a secure login feature to upload and manage products seamlessly. The system will include a database query functionality, enabling admins to efficiently retrieve product details and relay information to workers.
4. **Encourage User Engagement:** Allow users to contact the website owner via email for any queries, promoting a responsive and customer-oriented approach.
By achieving these goals, the Green Garden Website will significantly improve the interaction between consumers and business owners, making the shopping experience more accessible, organized, and effective.
## Table of Contents
- [Green Garden Website](#green-garden-website)
- [Project Goal](#project-goal)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Technologies](#technologies)
- [Project Structure](#project-structure)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Running the Project](#running-the-project)
- [Contributing](#contributing)
- [License](#license)
## Features
- Dynamic product upload functionality
- About Us, Services descriptions, and contact form
- User-friendly design with responsive layout
- Database integration for storing uploaded products
- Form submission with email notification upon successful contact
## Technologies
- HTML5
- CSS3 (Stylesheets in `css/styles.css`)
- JavaScript (app logic in `js/app.js`)
- PHP (server-side)
- MySQL (database for storing product and contact information)
## Project Structure
```
📦green-garden
┣ 📂.github
┃ ┗ 📂ISSUE_TEMPLATE
┃ ┃ ┣ 📜bug_report.md
┃ ┃ ┗ 📜feature_request.md
┣ 📂assets
┃ ┗ 📂images
┃ ┃ ┗ 📜placeholder.jpg
┣ 📂css
┃ ┗ 📜styles.css
┣ 📂js
┃ ┗ 📜app.js
┣ 📂utilities
┃ ┣ 📜footer.php
┃ ┗ 📜header.php
┣ 📂vendor
┃ ┣ 📂composer
┃ ┣ 📂phpmailer
┃ ┗ 📜autoload.php
┣ 📜LICENSE
┣ 📜README.md
┣ 📜about.php
┣ 📜composer.json
┣ 📜composer.lock
┣ 📜contact.php
┣ 📜db.sql
┣ 📜db_connection.php
┣ 📜fetch_products.php
┣ 📜green_garden.sql
┣ 📜index.php
┣ 📜product_detail.php
┣ 📜product_upload.php
┣ 📜product_upload_process.php
┣ 📜services.php
┗ 📜submit_contact.php
```
## Getting Started
These instructions will help you set up the project on your local machine for development and testing purposes.
### Prerequisites
You need the following to run this project:
- A local server (XAMPP, WAMP, or MAMP)
- PHP 7.4 or higher
- MySQL database
- Code editor (e.g., VSCode)
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/maruf-pfc/green-garden.git
```
2. **Move the project to your local server directory:**
If you're using XAMPP, place the project folder in:
```bash
/opt/lampp/htdocs/green-garden
```
3. **Start your local server:**
Open XAMPP or MAMP and start **Apache** and **MySQL**.
4. **Set up the database:**
- Open **phpMyAdmin** and create a new database named `green_garden`.
- Import the `green_garden.sql` file into this database to create the necessary tables.
5. **Install PHPMailer:**
The project uses PHPMailer for sending emails. Install it via Composer with the following command:
```bash
composer require phpmailer/phpmailer:^6.9
```
This will add the following to your composer.json file:
```json
{
"require": {
"phpmailer/phpmailer": "^6.9"
}
}
```
### Running the Project
1. **Access the website:**
In your web browser, navigate to:
```bash
http://localhost/green-garden
```
2. **Test product uploads:**
You can visit the product upload page at:
```bash
http://localhost/green-garden/product_upload.php
```
To upload a product you have to sign in as an admin. The default admin credentials are:
- Username: `admin`
- Password: `admin123`
3. **Database Configuration:**
Ensure that the `db_connection.php` file contains the correct database credentials:
```php
$host = 'localhost';
$user = 'root';
$password = '';
$dbname = 'green_garden';
```
4. **Browse the website:**
Test all pages, including the home page (`index.php`), about us page (`about.php`), services page (`services.php`), and contact page (`contact.php`).
## Contributing
If you'd like to contribute, follow these steps:
1. Fork the repository
2. Create a new branch (`git checkout -b feature-branch`)
3. Make your changes and commit (`git commit -m 'Add new feature'`)
4. Push to the branch (`git push origin feature-branch`)
5. Open a Pull Request
## License
This project is licensed under the MIT License.