Simple Actix (backend) and React (frontend) "proxy" for Unsplash, rather than the frontend directly querying Unsplash, the query will go to the backend, and it will return the results to the frontend. This was put together to supplement my learning of the "Modern React with Redux" Udemy course (LINK), when building the Pics app.
untitled.mp4
- rust (https://rustup.rs/)
- npm
- Unsplash API key (https://unsplash.com/developers)
Go into frontend directory, install the required npm stuffs
cd frontendnpm install --save-dev react-scripts
Get an API key from Unsplash and place it into frontend/src/config/config.json
cd src/confignano config.json.. "UNSPLASH_API_KEY"
Return to frontend root, Build the frontend
cd ../..npm run build
Head back to the root directory, and run the backend
-
cd ../ -
cargo run -
From your browser on your local machine, navigate to
localhost:8081, and run a search. -
Or, make a curl request against the running server from your terminal:
curl "http://localhost:8081/img?query=cars" -H "Authorization: Client-ID putyour-api-keyhere"