Skip to content

srujana-manda/SnapFind

Repository files navigation

📸 SnapFind – Image Search Application

SnapFind is a clean and responsive React application that allows users to search and explore high-quality images using the Pixabay API.

The project demonstrates API integration, state management, responsive UI design, and asynchronous data handling in a modern React environment.


🚀 Tech Stack

  • React.js
  • JavaScript (ES6+)
  • Pixabay REST API
  • CSS / Tailwind / Bootstrap (update based on what you used)
  • Axios / Fetch API

✨ Features

  • Search images by keyword
  • Dynamic API fetching
  • Responsive grid layout
  • Loading indicator while fetching data
  • Error handling for failed API calls
  • Clean and minimal UI design

🏗 Architecture Overview

  • Component-based structure
  • State management using React Hooks
  • Separation of concerns (UI vs data logic)
  • Reusable components for image cards

⚙️ Installation

  1. Clone the repository: git clone https://github.com/srujana-manda/.git

  2. Navigate into the project: cd

  3. Install dependencies: npm install

  4. Add your Pixabay API key in a .env file: REACT_APP_PIXABAY_KEY=your_api_key

  5. Run the app: npm start


🌍 API Used

Pixabay REST API
Used for fetching royalty-free images dynamically based on search queries.


📌 Future Improvements

  • Pagination support
  • Infinite scrolling
  • Debounced search input
  • Dark mode toggle
  • Image modal preview
  • Download functionality
  • Unit testing with Jest

👩‍💻 Author

Srujana Manda
Full-Stack Web Developer
GitHub: https://github.com/srujana-manda

About

SnapFind – A clean, responsive React app to search and explore images using the Pixabay API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors