Php mysql photo gallery source code

Php mysql photo gallery source code

Project: Simple Photo Gallery in PHP with source code

About Project

Simple Photo Gallery is developed using PHP, CSS, Bootstrap, and JavaScript. Talking about the project, it contains a user side where a user can post photos easily. This project contains limited features which is only related to a photo gallery. In this project, the user has to perform all the main functions from the user side.

About System

Talking about the features of the Simple Photo Gallery, the user has can easily add photos. For this, the user has to browse his/her photos and provide a suitable photo caption. All the photos are displayed in a responsive grid style. The user can also click to a certain image file to view in large size and check the caption.

Design of this project is pretty simple so that the user won’t find any difficulties while working on it. Simple Photo Gallery in PHP helps the user in posting photos easily. To run this project you must have installed virtual server i.e XAMPP on your PC (for Windows). Simple Photo Gallery in PHP with source code is free to download, Use for educational purposes only! For the project demo, have a look at the video below.

https://youtu.be/6SPlW3kY6EA

project demo

How To Run??

After Starting Apache and MySQL in XAMPP, follow the following steps

1st Step: Extract file
2nd Step: Copy the main project folder
3rd Step: Paste in xampp/htdocs/

Now Connecting Database

4th Step: Open a browser and go to URL “http://localhost/phpmyadmin/”
5th Step: Then, click on the databases tab
6th Step: Create a database naming “db_instalike” and then click on the import tab
7th Step: Click on browse file and select “db_instalike.sql” file which is inside “DATABASE” folder
8th Step: Click on go.

After Creating Database,

9th Step: Open a browser and go to URL “http://localhost/instalike/”


Post navigation

Front end: HTML, CSS, JavaScript

  1. HTML: HTML is used to create and save web document. E.g. Notepad/Notepad++
  2. CSS : (Cascading Style Sheets) Create attractive Layout
  3. Bootstrap : responsive design mobile freindly site
  4. JavaScript: it is a programming language, commonly use with web browsers.

Back end: PHP, MySQL

  1. PHP: Hypertext Preprocessor (PHP) is a technology that allows software developers to create dynamically generated web pages, in HTML, XML, or other document types, as per client request. PHP is open source software.

Software Requirement(any one)

( Make Sure PHP Version 5.5 or 5.6 )

Xamp PHP 5.6 download link -  Click Here

Xamp PHP 5.5 download link -  Click Here

  1. WAMP Server
  2. XAMPP Server
  3. MAMP Server
  4. LAMP Server

Installation Steps

1. Download zip file and Unzip file on your local server.
2. Put this file inside "c:/xampp/htdocs/" .
4. Open Your browser put inside "http://localhost/image-gallery/"

Admin Login Details
Login Id: admin
Password: root

user Login Details
Login Id: user
Password: user

Submitted by oretnom23 on Monday, August 9, 2021 - 17:29.

Php mysql photo gallery source code

Introduction

This is a Simple PHP Project entitled Simple Image Gallery Web App. This application is a web-based application that can be managed by multiple users. The user can store their images in this web application. He/She can also organize his/her uploaded images by album. The application has many features to manage the images.

This web application was developed using PHP, MySQL Database, HTML, CSS, Javascript (Ajax and jQuery), Bootstrap, and AdminLTE template. Any user/possible user can create their own account to store and manage images. The system users can able to upload, delete (archived), permanently delete images, create albums, manage albums, rename album/image name, download image, move the image to another album, and more. The system is easy to use and has a pleasant user interface. I have created this source code to help other programmers especially those new in PHP language and IT/CS students to understand how to handle files using the said Programming language and also to learn some ideas and techniques in developing such as this simple project.

Features

  • Secure Login and Registration
  • Dashboard (displays summary)
  • Manage Album
    • Create New Album
    • Rename New Album
    • Remove Album
  • Manage Image
    • List all images in an Album
    • Rename Image Name
    • Download Image
    • Move Image to another album
    • View image
    • Remove Image
  • Manage Archives
    • Retrieve Deleted Album
    • Retrieve Deleted Image
    • Empty Archives
  • Manage Account

Sample Snapshots

Albums

Php mysql photo gallery source code

Images

Php mysql photo gallery source code

View Images

Php mysql photo gallery source code

Archives

Php mysql photo gallery source code

How to Run

Requirements

  • Download and Install any local web server such as XAMPP/WAMP.
  • Download the provided source code zip file. (download button is located below)

Installation/Setup

  1. Open your XAMPP/WAMP's Control Panel and start the Apache and MySQL.
  2. Extract the downloaded source code zip file.
  3. If you are using XAMPP, copy the extracted source code folder and paste it into the XAMPP's "htdocs" directory. And If you are using WAMP, paste it into the "www" directory.
  4. Browse the PHPMyAdminin a browser. i.e. http://localhost/phpmyadmin
  5. Create a new database naming gallery_db.
  6. Import the provided SQLfile. The file is known as gallery_db.sql located inside the database folder.
  7. Browse the Simple Image Gallery Web App in a browser. i.e. http://localhost/gallery.

Sample User Access:

Username: admin
Password: admin123

DEMO

That's it! I hope this Simple Image Gallery Web App in PHP will help you with what you are looking for and you'll find/learn something useful for your future PHP Projects. Explore more on this website for more Free Source Code and Tutorials.

Enjoy :)

  • 5870 views