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.
- React.js
- JavaScript (ES6+)
- Pixabay REST API
- CSS / Tailwind / Bootstrap (update based on what you used)
- Axios / Fetch API
- 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
- Component-based structure
- State management using React Hooks
- Separation of concerns (UI vs data logic)
- Reusable components for image cards
-
Clone the repository: git clone https://github.com/srujana-manda/.git
-
Navigate into the project: cd
-
Install dependencies: npm install
-
Add your Pixabay API key in a
.envfile: REACT_APP_PIXABAY_KEY=your_api_key -
Run the app: npm start
Pixabay REST API
Used for fetching royalty-free images dynamically based on search queries.
- Pagination support
- Infinite scrolling
- Debounced search input
- Dark mode toggle
- Image modal preview
- Download functionality
- Unit testing with Jest
Srujana Manda
Full-Stack Web Developer
GitHub: https://github.com/srujana-manda