https://github.com/kenkyoo/pexels-gallery

Esta aplicación es una galería de imágenes interactiva que utiliza la API de Pexels para mostrar imágenes de alta calidad. El proyecto incluye un backend alojado en Render y un frontend desplegado en Firebase.
https://github.com/kenkyoo/pexels-gallery

axios express firebase firebase-hosting gallery-images javascript nodejs parcel pexels pexels-api photoswipe photoswipe-library render tailwindcss

Last synced: 3 months ago
JSON representation

Esta aplicación es una galería de imágenes interactiva que utiliza la API de Pexels para mostrar imágenes de alta calidad. El proyecto incluye un backend alojado en Render y un frontend desplegado en Firebase.

• Host: GitHub
• URL: https://github.com/kenkyoo/pexels-gallery
• Owner: Kenkyoo
• Created: 2024-12-03T05:49:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-03T06:10:18.000Z (over 1 year ago)
• Last Synced: 2025-05-21T17:35:55.863Z (about 1 year ago)
• Topics: axios, express, firebase, firebase-hosting, gallery-images, javascript, nodejs, parcel, pexels, pexels-api, photoswipe, photoswipe-library, render, tailwindcss
• Language: CSS
• Homepage: https://pexels-gallery.firebaseapp.com/
• Size: 50.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Galería de Imágenes con API de Pexels

Esta aplicación es una galería de imágenes interactiva que utiliza la API de Pexels para mostrar imágenes de alta calidad. El proyecto incluye un backend alojado en Render y un frontend desplegado en Firebase.

Características

    Obtención de imágenes a través de la API de Pexels.

    Visualización interactiva de las imágenes usando PhotoSwipe.

    Interfaz diseñada con TailwindCSS.

    Backend implementado en Node.js y Express.

    Soporte para múltiples dispositivos y navegadores.

Tecnologías Utilizadas

    Frontend: Parcel, TailwindCSS, PhotoSwipe.

    Backend: Node.js, Express, Axios.

    API: Pexels API.

    Alojamiento:

        Backend en Render.

        Frontend en Firebase.

Requisitos Previos

    Node.js v14 o superior.

    Una cuenta en Pexels para obtener tu API key.

    Acceso a Render y Firebase (opcional si deseas desplegar en tus propios servicios).

Despliegue

Backend en Render

    Subir el backend a un repositorio en GitHub.

    Configurar un servicio web en Render apuntando al repositorio.

    Establecer el puerto 3000 y configurar las variables de entorno necesarias.

Uso

    Navega a la aplicación desplegada.

    Explora las imágenes, haz clic en cualquier imagen para verla en detalle usando PhotoSwipe.

    Disfruta de la experiencia interactiva.

Licencia

Este proyecto está bajo la licencia MIT.