Welcome to the Image Gallery App – a modern, responsive, and feature-rich gallery powered by the Pixabay API! Built with React, Tailwind CSS, JavaScript, and HTML, this project lets you explore beautiful images from around the world with a smooth and interactive experience.The Image Gallery is a sleek, responsive web application built using React for dynamic component rendering, Tailwind CSS for fast and modern styling, and JavaScript to handle logic and interactivity. HTML forms the structural foundation of the app.
1. Search Anything – Search for stunning images by keywords using the powerful Pixabay API. Clean, adaptive gallery layout that displays 20 images per page
2. Dynamic Image Grid – Images are displayed in a responsive and visually appealing grid layout.
3. Real-time Fetching – Images load dynamically from the API based on your search input. Images fetched in under 1 second on average (dependent on network)
4. Tailwind Styling – Sleek, clean, and responsive UI made with utility-first Tailwind CSS.
5. Mobile Responsive – Looks great on all devices – mobile, tablet, and desktop.
-
1. React – Component-based architecture for dynamic rendering
-
2. Tailwind CSS – Utility-first framework for rapid UI development
-
3. JavaScript (ES6+) – Handles logic, API calls, and interactivity
-
4. Pixabay API – Source of high-quality images based on user queries
-
5. HTML5 – Semantic structure for the UI
- Clone the repository
git clone https://github.com/your-username/image-gallery-app.git
- Navigate to the project directory
cd image-gallery-app - Install dependencies
npm install
- Run the app
npm start
*
- Infinite scroll instead of pagination
- Save favorite images locally or in user profiles
- Filter by image type, orientation, category, etc.
- Add dark mode toggle
- Add authentication and upload feature
Got ideas? Found a bug? Want to make it better? Feel free to fork the repo and submit a pull request!