https://github.com/lakhindarpal/fotoz
Fotoz is a simple image search app where you can explore and discover images by entering keywords. You can also choose from popular sources like Unsplash, Pexels, and Pixabay.
https://github.com/lakhindarpal/fotoz
css-grid css3 fotoz gallery html html-css-javascript html5 image-search images js pexels-api photo-search photos pixabay-api unsplash-api
Last synced: 3 months ago
JSON representation
Fotoz is a simple image search app where you can explore and discover images by entering keywords. You can also choose from popular sources like Unsplash, Pexels, and Pixabay.
- Host: GitHub
- URL: https://github.com/lakhindarpal/fotoz
- Owner: LakhindarPal
- License: mit
- Created: 2024-02-04T04:31:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-12T07:21:43.000Z (over 2 years ago)
- Last Synced: 2025-02-20T01:41:33.541Z (over 1 year ago)
- Topics: css-grid, css3, fotoz, gallery, html, html-css-javascript, html5, image-search, images, js, pexels-api, photo-search, photos, pixabay-api, unsplash-api
- Language: JavaScript
- Homepage: https://fotoz.glitch.me/
- Size: 124 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fotoz - Image Search App
Fotoz is a simple image search app where users can explore and discover images by entering keywords. They can choose from popular sources like Unsplash, Pexels, and Pixabay.
## Features
- **Keyword Search:** Users can enter keywords to search for images.
- **Source Selection:** Choose image sources from Unsplash, Pexels, and Pixabay.
- **Favourites:** Save your favorite images for easy access.
- **Responsive Design:** Responsive design for a seamless experience on various devices.
- **Dark Mode:** Auto light and dark mode for a comfortable viewing experience.
## Live Demo
Explore the live demo: [https://fotoz.glitch.me](https://fotoz.glitch.me)
## Built with
### Technologies
- HTML
- CSS
- JavaScript
### APIs
- [Unsplash](https://unsplash.com/developers)
- [Pexels](https://www.pexels.com/api/)
- [Pixabay](https://pixabay.com/service/about/api/)
## Installation
To run the app locally, follow these steps:
1.
```bash
git clone https://github.com/LakhindarPal e/fotoz.git
cd fotoz
```
2. Fill the apiKeys in `data.js`. You can get your api key by visiting the respective website.
3. Open `index.html` in browser.
## Usage
1. Open `index.html` in your preferred web browser.
2. Enter a keyword in the search box.
3. Select the image source (Unsplash, Pexels, Pixabay).
4. Explore the fetched images.
5. Save your favorite images by clicking the heart button.
6. Toggle between light and dark mode for a personalized experience.
## To-Do
- [ ] Explore additional free image APIs for integration.
- [ ] Enhance error handling and user feedback.
- [ ] Further improve code readability and maintainability.
Feel free to contribute by tackling any of these tasks or suggesting new improvements!
## Contributing
Contributions are welcome! Please open an issue or submit a pull request with your suggestions or enhancements.
## License
This project is licensed under the [MIT License](LICENSE).