- Search images from Flickr API
- Show loader while images are being fetched
- Basic styling
- Unit tests
- UI Library like antd or material-ui
- Better error handling and error boundaries
- Never check-in API keys also shouldn't use
.env
with plain text secrets as they are bundled with the React APP. Use a backend server for secrets always. - May be use a CSS pre-processer like SASS or LESS for consistent styling with the help of variables, etc.
- Responsive design
- Virtualized scroll instead of a "Load more" button which automatically fetches next page when scroll reaches the end.
This project was bootstrapped with Create React App.
Available Scripts
In the project directory, you can run:
yarn 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.