Skip to content

Image search with error handling, pagination and loading spinner

Notifications You must be signed in to change notification settings

JoakimTeixeira/image-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Image Search

Project to test React with Axios, data fetching error handling, pagination, loading spinner, and environment variables.

image

To-do

  • Refactor component states for better atomicity
  • Enhance image grid design
  • Implement React.memo method
  • Implement useCallback hook
  • Implement useMemo hook
  • Implement custom fetch hook

Running the Project

To get started, fork the repository, clone it, rename the file ".env-example" to ".env" and fill in information about your API key.

Then, run the following commands:

npm install
npm run start

Additional Information

All project images are free stock photos provided by Pexels API