Search Pics

Tools Used

• react-js [Ref]
• Unsplash API [Ref]
• Semantics UI (for CSS) [Ref]

Running the project

In the project directory, you can run:

npm ci

Installs the required packages in node_modules directory from the package-lock.json file.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

React Components

main file: index.js

• App
  • SearchBar
  • ImageList
    • ImageCard
  • unsplash - Scaffolding for easily calling unsplash API using Axion

Usage

1. Type any keyword in the input field
2. Press 'Enter' to search for the keyword using Unsplash API
3. Returned images displayed below

Credits

Stephen Grider Modern React with Redux [2020 Update]