My-Reads Project

It is a React based project which allows user to save their prefrences about books It is a virtual book library based project where the user can place each individual book to a shelf and the shelves would update automatically. The user can also query an External API for more books each of which can be placed or removed from different shelves. You can also toggle each book to change its shelf.

Installation

1. once youve cloned the files open command line in the file directory by using :
> cd '{FILE_PATH}'
2. run command
> npm install
3. Once all the required files are installed you can then start by running:
> npm start

Main Page

It displays Users previous book selections. This is done as follows :

• At the beggining of new session an API is quried for the previous selections made by the user
• This data is then stored in local state of the root component (App)
• Whenever changes are made in any book the state is updated ad a rerender occurs

Search Page

• This is where the Search Logic is hadeled
• It first listens to any change to the search bar
  • then if there is any similarity with existing books that user previously searched for durng the same session it displays these books
  • If there is no match in existing books API request is made

Book Categorisation

Each book the users interact with have certain properties uniqe to each book
books can be categorised as follows:

• Want to Read
• Continue Reading
• Read

Any change made in any books will update the API and these changes appear in Main Page