MyReads is a project build using React library, it demonstares React fundamentals such as state management, react-router, life cycle events

MyReads is a cataloge app that shows a list of books initially showen in shelves as the following:

Currently Reading, Want to Read, and Read

Users can switch and move the books based on the categories.

Futhermore, the user can search by author or book name and add the books into the previous categories.

App.js has two routers: to the list books component and the search component. The BooksList component includes the Bookshelf component plus the search button. Bookshelf component maps over the books component. The books component include the BookshelfChanger component which changes the state of the books.

The search component has the close search button, SearchBooksInput component which takes the user input , and SearchBooksResults componen which maps the new books to the corresponding shelf.

$ git clone https://github.com/NorahAlShaikhMubarak/MyReads-Project.git

$ cd myreads-project

$ npm install

Use the following command to run the browser: npm start

The project can be viewed in the browser at: http://localhost:3000

Main page:

Search page: