Skip to content

mudgal-m/tiny-gallery

 
 

Repository files navigation

Tiny Gallery - Visit Live Site

This is a simple gallery page which allows users to search and download photos from two sources: Pexels and Pixabay. The page also includes filters and search features.

Features

  • Search for photos by keyword
  • Filter photos by Type, Orientation and colors.
  • Change the source of photos
  • Download photos

How it works

The page uses the Pexels and Pixabay APIs to search for photos based on the user's input. The search results are then displayed in a grid, with each photo showing its title, description, and a "Download" button. When the user clicks on the "Download" button, the photo is downloaded to their computer.

Why I made this

I made this page to learn more about using APIs and to practice building a simple web app. I also wanted to provide a simple way for users to search and download photos from Pexels and Pixabay.

Tech used

  • React
  • TypeScript
  • Vite
  • ESLint
  • Pexels API
  • Pixabay API
  • React Query
  • Shadcn

Contribution

If you want to contribute to this project, I'd be happy to accept pull requests to add new features or sources. Here are some ways you can contribute:

  • Add a new page for a different source of photos, such as Unsplash or Flickr.
  • Add a filter to the existing page to allow users to search for photos from a different source.
  • Add a feature to allow users to save their favorite photos.
  • Add a feature to allow users to upload their own photos.

Please make sure to follow the following guidelines before making a pull request:

  • Make sure your code is well tested and follows the existing coding style.
  • Make sure your code is compatible with the latest version of React.
  • Make sure your changes do not break any existing features.

I'm open to any suggestions or ideas you may have, so feel free to reach out to me if you have any questions or need help with anything.

About

Wallpaper Gallery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 90.2%
  • JavaScript 3.8%
  • CSS 2.8%
  • HTML 2.7%
  • Nix 0.5%