https://github.com/joakimteixeira/image-search

Image search with error handling, pagination and loading spinner
https://github.com/joakimteixeira/image-search

axios bootstrap environment-variables loading-spinner pagination pexels-api reactjs responsive-design video-background

Last synced: 2 months ago
JSON representation

Image search with error handling, pagination and loading spinner

• Host: GitHub
• URL: https://github.com/joakimteixeira/image-search
• Owner: JoakimTeixeira
• Created: 2020-10-28T13:39:40.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-11-07T19:22:07.000Z (over 1 year ago)
• Last Synced: 2025-03-16T11:47:31.907Z (over 1 year ago)
• Topics: axios, bootstrap, environment-variables, loading-spinner, pagination, pexels-api, reactjs, responsive-design, video-background
• Language: JavaScript
• Homepage:
• Size: 7.89 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Image Search

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

![image](https://user-images.githubusercontent.com/12193814/97550076-f5dffb00-19af-11eb-8f51-48aeaab046a1.png)

## To-do

- [ ] Refactor component states for better atomicity

- [ ] Enhance image grid design

## 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](https://www.pexels.com/api/)