https://github.com/codelikeagirl29/unsplash-react
Welcome to my image search site, built with React and powered by the Unsplash API!
https://github.com/codelikeagirl29/unsplash-react
api axios codefactor image-search netlify react unsplash
Last synced: 11 months ago
JSON representation
Welcome to my image search site, built with React and powered by the Unsplash API!
- Host: GitHub
- URL: https://github.com/codelikeagirl29/unsplash-react
- Owner: CodeLikeAGirl29
- Created: 2024-09-14T10:17:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-16T19:02:50.000Z (about 1 year ago)
- Last Synced: 2025-02-01T02:41:53.647Z (about 1 year ago)
- Topics: api, axios, codefactor, image-search, netlify, react, unsplash
- Language: JavaScript
- Homepage: https://unsplash-img-search-react.netlify.app/
- Size: 176 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Unsplash Img Search with React
Welcome to my image search site, built with React and powered by the Unsplash API! This dynamic platform allows you to effortlessly search for high-quality images and photos from Unsplash’s vast library. The user interface is designed with CSS styling, ensuring a sleek, responsive, and visually appealing experience across devices.
Whether you're looking for inspiration, specific visuals, or simply browsing, my site offers a seamless, fast, and enjoyable way to explore the world of photography.
[](https://www.codefactor.io/repository/github/codelikeagirl29/unsplash-react)
> see live site [here](https://unsplash-img-search-react.netlify.app/)
[](https://app.netlify.com/sites/unsplash-img-search-react/deploys)
## Screenshot
## API Reference
The official docs on Unsplash can be found [here](https://unsplash.com/documentation)
In order to use this with my site, I created an ```.env``` file, and then ```VITE_API_KEY=``` and per Vite's requirement, in ```App.jsx``` where needed, the code is ``` import.meta.env.VITE_API_KEY```
#### Search photos
```http
GET /search/photos
```
| Parameter | Type | Description |
| :-------- | :------- | :------------------------- |
| `query` | `string` | Search terms
#### Get item
```http
GET /photos/:id
```
### Using React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh