🖼️ Pixabay Image Finder App

A clean and minimal image search application built using HTML, CSS, and Vanilla JavaScript, powered by the free Pixabay API.

🔍 Enter a keyword (e.g., "car", "sunset", "nature") and instantly fetch beautiful images from Pixabay.

---

📸 Live Demo

[👉 coming soon]

(Replace the above link after deploying to GitHub Pages or Netlify)

---

🚀 Features

• 🔍 Search for high-quality images using any keyword
• 🖼️ Dynamically loads and displays images from Pixabay API
• 💡 Simple, responsive, and user-friendly UI
• ⚙️ Built with pure HTML, CSS, and JavaScript (no frameworks)

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6+)
• Pixabay REST API

---

🔐 How to Get a Free Pixabay API Key

1. Visit the official Pixabay API Docs

2. Click "Get Started" and sign up for a free account

3. After email verification, go to your API Key Dashboard

4. Copy your API key (something like 51562093-abc123xyz456)

5. In the index.js file, replace the placeholder:

   const API_KEY = "YOUR_PIXABAY_API_KEY";

You're now ready to search images!

📦 How to Run Locally bash Copy Edit git clone https://github.com/your-username/pixabay-finder.git cd pixabay-finder

Open index.html in your browser

Or just double-click the index.html file.

🧩 Folder Structure pgsql Copy Edit pixabay-finder/ │ ├── index.html ├── index.css ├── index.js └── README.md ⚠️ Important For security, your Pixabay API key is not included in the repository. Please generate your own key and insert it as shown above.

🧠 Learnings Working with REST APIs using fetch()

Handling user input and DOM manipulation

Creating clean UI with semantic HTML + CSS

API key security awareness

📄 License This project is open-source and free to use under the MIT License.

👨‍💻 Author Kishan Semwal 📍 Delhi, India 🚀 Aspiring Full-Stack MERN Developer 🌐 GitHub • LinkedIn