Giter VIP home page Giter VIP logo

0me9a / picarchive Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 10.12 MB

Browse through a vast collection of stunning and high-quality photographs on PicArchive. From breathtaking landscapes to mesmerizing portraits, discover the artistry of photography and get inspired by the incredible visual stories captured by talented photographers worldwide.

Home Page: https://picarchive.netlify.app

TypeScript 98.99% CSS 0.45% JavaScript 0.56%
code-red image-gallery nextjs13 photography reactjs stock-photos tailwind-css ui-ux-design web-development website code

picarchive's Introduction

PicArchive

PicArchive is a website that allows users to browse and download high-quality and beautiful photos curated by professional photographers. Users can explore a vast collection of photos across various categories and genres, and easily download them for personal or commercial use.

Features

  • Browse and search for photos based on categories, tags, or photographers.
  • Download high-resolution photos in different formats.
  • Discover featured photographers and explore their portfolios.
  • Save favorite photos and create personalized collections.
  • Share photos on social media platforms.
  • User-friendly interface with a responsive design for a seamless browsing experience.

Technologies Used

  • React.js: Front-end JavaScript library for building user interfaces.
  • Next.js: React framework for server-rendered applications.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • Unsplash API: Integration with the Unsplash API to fetch and display photos.
  • React Router: Library for routing and navigation within the application.
  • Axios: HTTP client for making API requests.
  • Jest: JavaScript testing framework for unit and integration tests.
  • GitHub Actions: Continuous Integration and Deployment pipeline.

Installation

  1. Clone the repository:

  2. Navigate to the project directory:

  3. Install the dependencies:

  4. Start the development server:

  5. Open your browser and visit http://localhost:3000 to access the PicArchive website.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request. When contributing, please follow the existing code style and commit message conventions.

License

This project is licensed under the MIT License.

Acknowledgements

  • The PicArchive website uses the Unsplash API to fetch and display photos. Special thanks to Unsplash for providing their amazing collection of photos and their API.
  • The design and layout of the website were inspired by various online photography platforms and websites.
  • Many thanks to the open-source community for the valuable libraries and tools used in this project.

Contact

If you have any questions or feedback regarding the PicArchive website, please contact us at [email protected]. We would be happy to hear from you!

picarchive's People

Contributors

0me9a avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

b01and

picarchive's Issues

creator credit dialog box ๐Ÿ›

Describe the bug
The creator credit box appears without clicking the download button just click on the download quality selector button.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the 'photo preview page'
  2. Click on the 'download quality button'
  3. See the error creator credit dialog box that appears.

Expected behavior
download quality btn change the quality of the photo to download the photo different-different sizes

images not loading

hello 0ME9A
i tried hosting my own instance on vercel but the images are not loading when the site opens
i think it is the api issue so can u tell me where to put the api key or if there is a format for the .env file in which the api key needed to be added.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.