ImageScape Website

ImageScape is a dynamic and interactive image search website that allows users to explore and discover a wide range of images across various categories. It offers a visually appealing and user-friendly interface for browsing and liking images. The website is built using React.js and integrates with the Pixabay API to fetch and display images.

Demo

https://azarex145.github.io/ImageScape/

Features

• Search and Filter: Easily search for images by entering keywords and selecting image types. Filter images by categories to find what you're looking for.
• Image Grid: View images in a beautifully organized grid layout with a responsive design that adapts to different screen sizes.
• Image Modal: Click on an image to view it in a larger modal window, providing a closer look at the details.
• Like: Like your favorite images by clicking on the heart icon.
• Colorful UI: The website features a vibrant color scheme that adds personality and enhances the user experience.

Technologies Used

• React.js: Frontend library for building user interfaces
• Axios: Promise-based HTTP client for making API requests
• Pixabay API: Used to fetch images and related data
• CSS: Custom styling to create an attractive and responsive design

How to Use

1. Clone the repository to your local machine.
2. Navigate to the project directory and run 'npm install' to install the required dependencies.
3. Create a '.env' file in the root directory and add your Pixelbay API key (e.g., 'REACT_APP_PIXABAY_API_KEY=your_api_key_here').
4. Run 'npm start' to start the development server and open the website in your browser.

Feel free to explore the code, customize the design, and add additional features to make the ImageScape website your own. Don't forget to like your favorite images and showcase your creativity!