Pixabay Gallery is a Flutter-based application showcasing a gallery of images sourced from the Pixabay API. The app features a responsive grid layout, ensuring a smooth user experience across different device sizes, and supports infinite scrolling to load additional images seamlessly. Each image displays the number of likes and views.
- Image Gallery: Explore a variety of images fetched from the Pixabay API.
- Responsive Grid Layout: The staggered grid adjusts automatically to different screen sizes.
- Infinite Scroll: New images are dynamically loaded as you scroll to the bottom of the gallery.
- Image Details: View the likes and views for each image below the thumbnail.
- Flutter SDK
- Dart SDK
- A code editor (e.g., VS Code or Android Studio)
-
Clone the repository:
git clone https://github.com/jnvshubham7/pixabay_gallery.git
-
Navigate to the project folder:
cd pixabay_gallery -
Install dependencies:
flutter pub get
-
Launch the application:
flutter run
- Pixabay API Key: Update the
_fetchImagesmethod with your Pixabay API key. You can obtain a key by signing up at Pixabay API.
To deploy the app on GitHub Pages:
-
Build the web version:
flutter build web
-
Follow the GitHub Pages guide to publish the
build/webfolder.
Once the app is running, scroll through the image gallery. New images will load automatically as you reach the bottom of the screen.
Contributions are welcome! Here's how you can contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature). - Make your changes and commit (
git commit -m 'Add new feature'). - Push your branch (
git push origin feature/YourFeature). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for more information.
- Pixabay API for image data.
- Flutter for the framework.
- flutter_staggered_grid_view for the grid layout.