simple image gallery

Galería de imagen simple

Una galería de imágenes completamente funcional con capacidades de carga utilizando PHP, HTML, JQuery, AJAX, JSON, Bootstrap, CSS y MySQL. Este proyecto incluye una solución detallada paso a paso con explicaciones y documentación del código, lo que lo convierte en un tutorial integral para el aprendizaje.

Temas: php , mysql , blog , ajax , bootstrap , jquery , css , image gallery , file upload

Proceso de instalación

1. Clon el repositorio:

   git clone https://github.com/yourusername/simple-image-gallery.git

2. Navegue al directorio del proyecto:

    cd simple-image-gallery

3. Configurar la base de datos:

   • Cree una base de datos MySQL llamada image_gallery .
   • Importar el archivo SQL proporcionado para crear la tabla necesaria:

     mysql -u yourusername -p image_gallery < db/database.sql

4. Actualizar la configuración de la base de datos:

   • Copiar config.sample.php a config.php :

     cp config.sample.php config.php

   • Abra config.php y actualice los detalles de configuración de la base de datos.

5. Permiso de directorio:

   • Si encuentra problemas de permiso, es posible que deba establecer permisos más permisivos, como Chmod 777, que otorga lea, escribe y ejecutar permisos a todos:

     chmod 777 assets/uploads

   • Abra config.php y actualice los detalles de configuración de la base de datos.

6. Inicie el servidor de desarrollo:

   php -S localhost:8000

7. Acceda a la aplicación:

   • Abra su navegador web y navegue a http://localhost:8000 .

Estructura de archivo

Aquí hay una estructura de archivo básica para su aplicación de galería de imagen simple:

 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