See the app deployed here: https://build-ghwrmllvgn.now.sh/
This project was bootstrapped with Create React App.
In the project directory, you can run:
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.
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.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
Create an application on top of Create React App that:
Retrieves data from an API (refer to https://github.com/toddmotto/public-apis/ for public APIs)
- Shows a grid of items (thumbnails, cards, etc.)
- Has a form that allows filtering the data set
- Shows item details (large image or other information available from the API's response) in a modal when an item is clicked
- Test coverage is sufficient
- Linter and tests pass
- Works in IE11 and evergreen browsers
- Eslint rules extend eslint-config-endouble
- Uses web fonts (eg. Google Fonts)
- Runs on HTTPS
- Third-party package usage kept to a minimum
- No external state managers (MobX, Redux, ...)
- UI is accessible by keyboard
- Code is documented
- Items in the grid show up to four items per row and gracefully degrade to a vertical list on narrow screens