This is a bookshelf app implemented by React that allows user to select and categorize books.
Backend API functionalities from BooksAPI.js provided by Udacity
to get all books from shelves, search books by search query, update the book state.
The main page displays a list of "shelves" (i.e. categories), each of which contains a number of books. The three shelves are:
- Currently Reading
- Want to Read
- Read
From each book on the shelves, user can update the selection of shelves to move the book to a different shelf.
When user clicks the "Add" button, it will navigate to the search page with the path /search
.
The book on the search page should have the same shelf selection state as of the book that is shown on the shelves.
User can type in search query to search the books and the books will be displayed under the search query input.
Please noted that the search terms can be found in https://github.com/udacity/reactnd-project-myreads-starter/blob/master/SEARCH_TERMS.md. Same as the main page, from each book of the search results, user can update the selection of shelves to move the book to a different shelf. User can click the back button to navigate to the main page /
root url.
The books on the main page should have the same shelf selection state.
- install all project dependencies with
npm install
- start the development server with
npm start
.
The app will be started at localhost:3001