PhotoWall es una aplicación web que permite a los usuarios subir y mostrar imágenes en una galería interactiva y dinámica utilizando NanoGallery2. La galería se presenta en un diseño tipo mosaico y cuenta con un botón flotante para facilitar la subida de nuevas imágenes.
- Subida de imágenes mediante un botón flotante.
- Visualización de imágenes en una galería tipo mosaico utilizando NanoGallery2.
- Diseño responsivo que se adapta a diferentes tamaños de pantalla.
- Backend con Node.js y Express para manejar la carga y visualización de imágenes.
- Node.js (versión 12 o superior)
- npm (gestor de paquetes de Node.js)
-
Clona el repositorio a tu máquina local:
git clone https://github.com/velosergio/PhotoWall
-
Navega al directorio del proyecto:
cd PhotoWall -
Instala las dependencias necesarias:
npm install
-
Inicia el servidor:
node server.js
-
Abre tu navegador y navega a
http://localhost:3000. -
Usa el botón flotante
+en la esquina inferior derecha para seleccionar y subir imágenes. Las imágenes se mostrarán automáticamente en la galería tipo mosaico.
public/index.html: Archivo HTML principal.styles.css: Estilos personalizados para la página.script.js: Lógica de JavaScript para manejar la galería y la subida de imágenes.
uploads/: Directorio donde se almacenan las imágenes subidas.server.js: Archivo del servidor Node.js para manejar las rutas de la aplicación.package.json: Archivo de configuración de npm con las dependencias del proyecto.
- NanoGallery2 para la galería de imágenes.
- Node.js y Express para el backend.
- Multer para la gestión de la subida de archivos.
Las contribuciones son bienvenidas. Si tienes alguna mejora o corrección, por favor abre un issue o envía un pull request.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.