https://github.com/sudhanshu-ambastha/gallery
Gallery | A Photo search App as you can search in which you can search and download any image
https://github.com/sudhanshu-ambastha/gallery
gallery gallery-app gallery-images html-css-javascript press-start-2p-font unsplash-api
Last synced: about 2 months ago
JSON representation
Gallery | A Photo search App as you can search in which you can search and download any image
- Host: GitHub
- URL: https://github.com/sudhanshu-ambastha/gallery
- Owner: Sudhanshu-Ambastha
- Created: 2024-04-24T07:11:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-11T23:00:23.000Z (11 months ago)
- Last Synced: 2025-03-18T21:26:48.445Z (7 months ago)
- Topics: gallery, gallery-app, gallery-images, html-css-javascript, press-start-2p-font, unsplash-api
- Language: HTML
- Homepage: https://sudhanshu-ambastha.github.io/Gallery/
- Size: 29.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Photo Search Gallery
A simple photo search gallery that allows users to search and view photos from Unsplash. This project uses HTML, CSS, and JavaScript to provide a user-friendly interface for browsing photos.
## Features
- Search for photos using keywords.
- View a grid of photos on the homepage.
- Click on a photo to view its details.
- Download the original photo.
## App Preview
## Certificate
## Deployment
The application is deployed and can be accessed via the following link:
[Photo Search Gallery](https://sudhanshu-ambastha.github.io/Gallery/)
## Installation
### Clone the repository
```bash
git clone https://github.com/Sudhanshu-Ambastha/Interactive-Photo-Album.git
```
2. Navigate to the project directory:
```
cd Interactive-Photo-Album
```
3. Open the project in your preferred browser by double-clicking on the `index.html` file or using a local server.
## Usage
- **Home Page (`index.html`)**: Browse a grid of photos.
- **Search Page (`search.html`)**: Search for photos using keywords.
- **Detail Page (`detail.html`)**: View detailed information about a selected photo.
## API Key
To use this application, you need an API key from Unsplash. Replace `API_KEY` in `common.js` with your Unsplash API key.
```javascript
const API_KEY = "YOUR_UNSPLASH_API_KEY";
function convert_to_json(data) {
return data.json();
}
```
## Technologies Used
- HTML
- CSS
- JavaScript
## Credits
- **API**: Unsplash
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
## Acknowledgments
- [Unsplash API Documentation](https://unsplash.com/documentation)
- [Press Start 2P Font](https://fonts.google.com/specimen/Press+Start+2P)
## Color Palette
- [Coolors Palette](https://coolors.co/palette/fffcf2-ccc5b9-403d39-252422-eb5e28)
## Font
- [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P?query=press+#standard-styles)