Unsplash Clone

Welcome to the Unsplash Clone! This web application is designed to replicate the popular Unsplash platform, allowing users to discover and explore a vast collection of high-quality, royalty-free images. Powered by HTML, CSS, and JavaScript, the Unsplash Clone provides a seamless and intuitive experience for image browsing.

Description

Note: This project is solely created for educational and personal practice purposes. It is not intended to compete with or replicate the functionality of the real Unsplash platform. The Unsplash Clone is a demonstration of my web development skills and understanding of integrating APIs. All images used in this project are fetched from the Unsplash API for non-commercial use only.

Demo

The website is live at: https://patilmanas04.github.io/Unsplash-Clone/

Screenshots

Here are some screenshots of the Unsplash Clone in action:

Homepage

Searching for Images

Image Preview

Some quick options

Technologies Used

The Unsplash Clone web application is built using the following technologies:

• HTML5: The project utilizes HTML5 to structure the content and define the layout of the web page. HTML5 provides a semantic and well-organized structure for the application's elements and components.

• CSS3: CSS3 is used to add styles, visual enhancements, and responsive design to the Unsplash Clone. It provides the flexibility to customize the appearance and layout of the application, ensuring a visually appealing and user-friendly experience.

• JavaScript (JS): JavaScript is employed to add interactivity and dynamic functionality to the Unsplash Clone. Through the use of JS, the application is able to handle user events, perform search operations, and display images from the Unsplash API in a seamless manner.

• Unsplash API: The Unsplash Clone integrates the Unsplash API to fetch high-quality images from the Unsplash platform. By utilizing the API, the application is able to search for images, retrieve their metadata, and display them to the user.

I am continuously working to improve the functionality and performance of the Unsplash Clone. The project is a work in progress, and I am constantly exploring new ways to enhance its features and capabilities.

Installation

To run the Unsplash Clone locally on your machine, follow these steps:

1. Clone this repository:

        git clone https://github.com/patilmanas04/Unsplash-Clone

2. Open the index.html file in your web browser to view the application.

API Key

To use the Unsplash API, you need to obtain an access key. Follow these steps to get your API key:

1. Create an account on the Unsplash Developers website.
2. Create a new application and obtain an access key.
3. In the js files, replace the access key with your actual access key.

API Rate Limit

Please note that the Unsplash API used in this project has a rate limit of 50 requests per hour. If you encounter any issues fetching images or receive error responses, it might be due to exceeding the rate limit. In such cases, please wait for the rate limit to reset before making additional requests.

Contributing

Contributions are always welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork this repository.
2. Create a new branch: git checkout -b my-new-branch.
3. Make your changes and commit them: git commit -m 'Add some feature'.
4. Push to the branch: git push origin my-new-branch.
5. Submit a pull request.

License

This project is licensed under the Apache License, Version 2.0.

The Apache License, Version 2.0 is an open-source license that grants permissions to users to use, modify, and distribute the project, subject to certain conditions and limitations. It provides you with the freedom to use the project for personal or commercial purposes, as well as the ability to modify the source code and distribute your modifications.

For more information about the Apache License, Version 2.0, please visit http://www.apache.org/licenses/.

See the LICENSE file for the full text of the license.

Contact

If you have any questions, suggestions, or feedback about Unsplash Clone, feel free to reach out:

• Author: Manas Patil
• Email: [email protected]
• GitHub: patilmanas04

Don't hesitate to get in touch! I appreciate your interest and any contributions you may have.