Image Search Engine

A responsive web application for searching and previewing high-quality images using the Pexels API. Built with HTML, CSS, and JavaScript.

📌 About

Image Search Engine is a lightweight frontend project that integrates with the Pexels Developer API to fetch image data and display results in a responsive grid. It is designed to demonstrate API consumption, error handling, and clean UI/UX implementation with minimal technologies.

🔍 Features

Real-time image search Smooth, responsive grid layout Lightbox-style image previews Loading animation Mobile-friendly design Error handling for empty or failed searches

🛠️ Tech Stack

Frontend: HTML, CSS, JavaScript (ES6+)

API: Pexels Developer

Deployment: Vercel

Installation

1. Clone the repo

   git clone https://github.com/fattahniz/image-search-engine.git
cd image-search-engine

2. Setup API Key Get a free Pexels API key from Pexels Developer and update it inside main.js.

3. Run locally Open index.html directly in your browser or use a Live Server extension in VS Code.

Usage

Enter a keyword in the search box. View results in a responsive grid. Click any image for a preview in lightbox mode.

📡 API Endpoints

Not applicable (frontend only). If extended to a backend API, document endpoints here.

📂 Project Structure

project/
│── index.html
│── style.css
│── main.js
│── assets/
│── README.md

🤝 Contributing

Fork the repo

1. Create a new branch (feature/my-feature)
2. Commit changes
3. Push branch and create a Pull Request

📄 License

This project is licensed under the MIT License – see the LICENSE file for details.