Image search using pixabay.com. Allows for searching by keywords and/or category. Results can be viewed inline and "saved" to a side bar.
| Tech | Description |
|---|---|
| "react" | FE framework |
| "@chakra-ui" | UI Framework |
| "@emotion" | CSS-In-JS |
| "fp-ts" | For pipe composition |
| "gts" | Project bootstrapping, linting, formatting. (Prettier, ESLint, etc.) |
| "ky" | Thin wrapper around fetch |
| "ramda" | Utility functions |
| "react-error-boundary" | Wrapper around Error Boundary class component |
| "react-icons" | Additional icons. |
| "typescript" | Static typing |
| "zod" | Runtime type checking |
Update in .env. See .env.example.
| Env Var | Default |
|---|---|
| REACT_APP_PIXABAY_API_KEY | |
| REACT_APP_PIXABAY_URL |
yarn install
yarn startIn the project directory, you can run:
Runs the app in the development mode.
Open
http://localhost:3000 to view it in the browser.
Launches the test runner in the interactive watch mode.
See the section
about
running tests
for more information.
Builds the app for production to the build folder.
It correctly bundles
React in production mode and optimizes the build for the best performance.