This project is a simple gallery application that fetches and displays images from the Unsplash API. It allows users to browse through a collection of images, search for specific photos, and view details of each image.
- Display images from the Unsplash API
- Search functionality to filter images by keyword
- Pagination support for browsing through multiple pages of images
- Responsive design for optimal viewing on various devices
- React.js: Frontend framework for building user interfaces
- React Router: Library for routing within a React application
- Axios: HTTP client for making requests to the Unsplash API
- CSS: Styling the application for a visually appealing experience
- Clone the repository:
git clone https://github.com/ElizabethHub/gallery_ada.git- Navigate to the project directory:
cd gallery_ada- Install dependencies:
npm install- Start the development server:
npm start- Open your browser and visit http://localhost:5173 to view the application.
Browse through the gallery by scrolling or clicking on pagination buttons. Use the search bar to filter images by entering keywords. Click on an image to view its details, including description, author, and likes.
Contributions are welcome! If you'd like to add new features, improve existing ones, or fix bugs, feel free to submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.