UnsplashBox is a simple and elegant application that allows users to search and download high-quality images from Unsplash. The application provides an intuitive interface for browsing and saving images for personal or professional use.
- Search for images by keywords
- Browse your collections
- Download images in various resolutions
- Login with your unsplash account
- Add and Remove images to collections
- User-friendly and responsive design
- React.js
- Axios
- Tailwind CSS
- RESTful APIs
- Zustand
- Fuse.js
- Vite for build
You can view the live application here.
- Clone the repository:
git clone https://github.com/arbaz93/unsplashbox.git
- Navigate to the project directory:
cd UnsplashBox - Install the required dependencies:
npm install
- Go to https://unsplash.com/developers and register as a developer
- Navigate to "Your apps" and create a new app
- Your Access key will be your client_id
- You will have to grant Public, Read collections and write collections Access (If you are playing around you can check all the boxes in Redirect URI & Permissions section)
- Copy/Paste your Access and Secret key to .env file.
- Start the application:
npm run dev
- Open your browser and go to
http://localhost:5173
We welcome contributions to UnsplashBox! To contribute, please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature-branch) - Make your changes and commit them (
git commit -m 'Add new feature') - Push to the branch (
git push origin feature-branch) - Create a new Pull Request
This project is licensed under the MIT License. See the LICENSE file for details.
- Unsplash for providing the API and high-quality images
- Inspiration and design from Devchallenges