‘My Reads’ is a REACT App that uses a Udacity books api to search for books based on user input and stores selected books in one of three shelf categories:

• Currently Reading
• Want to Read
• Read

The user can place any of the searched books onto any shelf via a control component attached to each book. They can also move a book from one shelf to another via the same component. When a book is already on a shelf and that book appears on the search page, it will reflect this in the control component drop down. Furthermore, when a book is placed on a shelf in the search screen, that placement is immediately reflected on the shelf screen.

This app also shows the average rating for a book should it have a rating when retrieved from the api. For the books that don’t have an average rating, the user can temporarily set a rating of their own using the implemented star system. Unfortunately the Udacity books api is read only for book properties other than ‘shelf’. Therefore, it isn’t possible to save any new ratings. The app also uses React Router to navigate between the different screens and should work on all major screen sizes.

This project is the first in the Udacity React nanodegree course.