Loading repository data…
Loading repository data…
cmurestudillos / repository
Aplicación web moderna de búsqueda de imágenes construida con React + Vite. Interfaz responsive, paginación inteligente y integración con Pixabay API. Perfect para explorar millones de imágenes gratuitas de alta calidad.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Una aplicación moderna de búsqueda de imágenes construida con React y Vite, que permite explorar millones de imágenes gratuitas utilizando la API de Pixabay.
Clonar el repositorio
git clone https://github.com/cmurestudillos/buscador-de-imagenes.git
cd piximg
Instalar dependencias
npm install
Configurar variables de entorno
Crea un archivo .env en la raíz del proyecto:
VITE_PIXABAY_API_KEY=tu_api_key_aqui
📝 Obtener API Key: Regístrate en Pixabay para obtener tu clave gratuita
Iniciar el servidor de desarrollo
npm run dev
Abrir en el navegador
http://localhost:3000
piximg/
├── public/
│ ├── logo.png
│ └── vite.svg
├── src/
│ ├── assets/
│ │ ├── css/
│ │ │ └── App.css
│ │ └── img/
│ │ └── logo.png
│ ├── components/
│ │ ├── shared/
│ │ │ ├── Header.jsx
│ │ │ ├── Footer.jsx
│ │ │ ├── Error.jsx
│ │ │ ├── Loading.jsx
│ │ │ └── EmptyState.jsx
│ │ ├── Imagen.jsx
│ │ └── ListadoImagenes.jsx
│ ├── hooks/
│ │ ├── usePixabayAPI.js
│ │ └── useDebounce.js
│ ├── App.jsx
│ └── main.jsx
├── .env
├── package.json
└── README.md
# Desarrollo
npm run dev
# Construir para producción
npm run build
# Vista previa del build
npm run preview
# Linting
npm run lint
La aplicación utiliza la Pixabay API que ofrece:
npm run build
vercel --prod
npm run build
# Subir carpeta dist/ a Netlify
npm run build
# Servir carpeta dist/ desde tu servidor web
⚠️ Importante: Configura las variables de entorno en tu plataforma de hosting
¡Las contribuciones son bienvenidas! Por favor:
git checkout -b feature/AmazingFeature)git commit -m 'Add some AmazingFeature')git push origin feature/AmazingFeature)Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.
Si tienes preguntas o necesitas ayuda:
⭐ Si te gusta este proyecto, ¡dale una estrella en GitHub! ⭐