Skip to content

Photo Hunting App is a React-based image search application that utilizes the Unsplash API to display images in a beautiful masonry grid layout, with features like dark mode, infinite scrolling, and image downloads.

Notifications You must be signed in to change notification settings

subhajitroycode/photo-hunting-app

Repository files navigation

Photo Hunting App

The Photo Hunting App is a modern and user-friendly application that allows you to search for and discover stunning images from the Unsplash API. With its beautiful masonry grid layout and dark mode feature, this app provides an immersive and visually appealing experience for photo enthusiasts.

Features

  • Image Search: Easily search for images using keywords or phrases.
  • Masonry Grid Layout: Images are displayed in a responsive and aesthetically pleasing masonry grid layout.
  • Dark Mode: Enhance your viewing experience by enabling the dark mode feature, which provides a more comfortable and eye-friendly interface.
  • Infinite Scrolling: Load more images seamlessly as you scroll down, ensuring a smooth and uninterrupted browsing experience.
  • Responsive Design: The app is optimized for various screen sizes, ensuring a consistent and enjoyable experience across different devices.
  • Download Image: Users can download their favorite images with just a click, allowing them to save and use the images locally.

Technologies Used

  • React: The app is built using React, a popular JavaScript library for building user interfaces.
  • Vite: Vite is used as the build tool, providing a fast and efficient development environment with Hot Module Replacement (HMR) and optimized build performance.
  • Unsplash API: The app integrates with the Unsplash API to fetch high-quality images from their extensive collection.
  • Tailwind CSS: Tailwind CSS is used for styling the app, providing a utility-first approach to CSS and ensuring a consistent and modern design.

Getting Started

To run the Photo Hunting App locally, follow these steps:

  1. Clone the repository: git clone https://github.com/subhajitroycode/photo-hunting-app.git
  2. Navigate to the project directory: cd photo-hunting-app
  3. Create an environment file (.env) in the root directory and add your Unsplash API key: VITE_API_KEY=<your-unsplash-api-key>
  4. Install dependencies: npm install
  5. Start the development server: npm run dev
  6. Open your browser and visit http://localhost:5173 to see the app in action.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

Acknowledgments

  • Unsplash for providing the API and high-quality images.
  • React and Vite for the amazing development tools.
  • Tailwind CSS for the utility-first CSS framework.

Connect with Me

About

Photo Hunting App is a React-based image search application that utilizes the Unsplash API to display images in a beautiful masonry grid layout, with features like dark mode, infinite scrolling, and image downloads.

Topics

Resources

Stars

Watchers

Forks