This is a small react app which handles a collection of books and displays them on the home screen. Through this app I have tried to implement sorting, filtering data using redux state and json-server sorting and filtering api features. Also implemented the persisting of data with the use of useSearchParams() hooks, useLocation(), useEffect(). Also implemented Private Routes, meaning only those who are logged in can view the single book page and can have admin access for editing the details of the books.
2. react-redux
3. react-router-dom
4. axios
5. json-server
6. redux
7. useSearchParams()
8. redux-thunk
More focuc on functionalities, UI is kept to minimal
On the home page there is sidebar. It has two options, one of sorting by category and the other one is filtering by release year. On clicking on sorting and filtering options the URL in the browser also changes accordingly which is accomplished the hook useSearchParams() provided by ract-router-dom library.
On refreshing the page the selections of radio and checkbox buttons remain the same. They dont get re-initialised. They persist.
After logging in you also can edit the book details by clicking on the small edit button below each Book Card.