This react app is designed as a task for 18F take-home tests. The app uses APIs from http://jsonplaceholder.typicode.com/ to populate the UI. Search functionality is to filter the posts fetched from API. Autocomplete is enabled for the search input using the datalist technique. Furthermore, pagination is enabled on the site to improve the visibility of all the posts fetched from the API. The site has the following features:
- Pagination of 100 entries
- Responsive Design
- Autocomplete for Posts
- View the individual Article via read more
- Editing of body and title of posts
Following technologies have been used to build up this repository:
- JavaScript Library - React
- Router - React Router
- State Management - Redux
- Async Middleware - Redux SAGA
- UI Framework - Material UI
- Unit Testing - Jest
In the project directory, you can run:
npm install
npm startRuns 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.
npm testLaunches the test runner in the interactive watch mode.
See the section about running tests for more information.
yarn buildBuilds 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!