pick-me-a-pict

Simple application for my learning about handling input, state management in React Js, also API requests with Axios (get the Image API from Unsplash)

With this app, you can search for the image that you want, by inputting words (in English) at the input form, then press enter. And gotcha!. See the result

Depedencies

"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"axios": "^0.19.2",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.1",
"semantic-ui-react": "^0.88.2"

Or you can check on package.json file

Features

Search image by name (english language)
Loader Error when response undefined

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run test

# build for production and launch server
$ npm run build
$ npm run start

App Result

You can see this app result instantly at this page : https://pick-me-a-pict.netlify.com/