https://github.com/mah-shamim/simple-image-gallery
A fully functional image gallery with upload capabilities using PHP, HTML, jQuery, AJAX, JSON, Bootstrap, CSS, and MySQL. This project includes a detailed step-by-step solution with code explanations and documentation, making it a comprehensive tutorial for learning.
https://github.com/mah-shamim/simple-image-gallery
ajax beginner-projects bootstrap code-examples css file-upload hands-on-projects html image-gallery jquery json learning-resources mysql open-source php php-tutorials web-application web-development
Last synced: about 1 month ago
JSON representation
A fully functional image gallery with upload capabilities using PHP, HTML, jQuery, AJAX, JSON, Bootstrap, CSS, and MySQL. This project includes a detailed step-by-step solution with code explanations and documentation, making it a comprehensive tutorial for learning.
- Host: GitHub
- URL: https://github.com/mah-shamim/simple-image-gallery
- Owner: mah-shamim
- License: mit
- Created: 2024-08-03T15:47:54.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T18:52:46.000Z (9 months ago)
- Last Synced: 2025-02-28T09:18:00.316Z (2 months ago)
- Topics: ajax, beginner-projects, bootstrap, code-examples, css, file-upload, hands-on-projects, html, image-gallery, jquery, json, learning-resources, mysql, open-source, php, php-tutorials, web-application, web-development
- Language: PHP
- Homepage:
- Size: 191 KB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple Image Gallery
A fully functional image gallery with upload capabilities using PHP, HTML, jQuery, AJAX, JSON, Bootstrap, CSS, and MySQL. This project includes a detailed step-by-step solution with code explanations and documentation, making it a comprehensive tutorial for learning.
**Topics:** `php`, `mysql`, `blog`, `ajax`, `bootstrap`, `jquery`, `css`, `image gallery`, `file upload`
### Install Process
1. **Clone the repository:**
```sh
git clone https://github.com/yourusername/simple-image-gallery.git
```
2. **Navigate to the project directory:**
```sh
cd simple-image-gallery
```
3. **Set up the database:**
- Create a MySQL database named `image_gallery`.
- Import the provided SQL file to create the necessary table:
```sh
mysql -u yourusername -p image_gallery < db/database.sql
```
4. **Update the database configuration:**
- Copy `config.sample.php` to `config.php`:
```sh
cp config.sample.php config.php
```
- Open `config.php` and update the database configuration details.
5. **Directory Permission:**
- If you encounter permission issues, you might need to set more permissive permissions, such as chmod 777, which grants read, write, and execute permissions to everyone:
```sh
chmod 777 assets/uploads
```
- Open `config.php` and update the database configuration details.
6. **Start the development server:**
```sh
php -S localhost:8000
```
7. **Access the application:**
- Open your web browser and navigate to `http://localhost:8000`.
### File Structure
Here’s a basic file structure for your simple-image-gallery application:
```
simple-image-gallery/
│
├── index.html
├── db/
│ └── database.sql
├── src/
│ ├── fetch-image.php
│ └── upload.php
├── include/
│ ├── config.sample.php
│ └── db.php
├── assets/
│ ├── css/
│ │ └── style.css
│ ├── js/
│ │ └── script.js
│ └── uploads/
│ │ └── (uploaded images will be stored here)
├── README.md
└── .gitignore
```