/myreads

Primary LanguageJavaScript

MyReads: A Book Lending App

This project is app allows you to select and categorize books you have read, are currently reading, or want to read. This code is based on MyReads Project.

Objectives

  1. Build react application
  2. Persist data in the application
  3. Routing application

Installation

  1. install package $npm install

  2. start application $npm start

Checklist

Application Setup

  • Is the application easy to install and start?
  • Does the application include README with clear installation and launch instructions?

Main Page

  • Does the main page show three categories (or “bookshelves”) for books (currently reading, want to read, and read)?
  • Does the main page allow users to move books between shelves?
  • Does information persist between page refreshes?

Search Page

  • Does the search page have a search input that lets users search for books?
  • Do the search results allow a user to categorize a book as “currently reading”, “want to read”, or “read”?
  • Do selections made on the search page show up on the main page?

Routing

  • Does the main page link to the search page?
  • Does the search page link back to the main page?

Code Functionality

  • Does the project code handle state management appropriately?
  • Does the code run without errors? Is the code free of warnings that resulted from not following the best practices listed in the documentation, such as using key for list items? Is the code formatted properly?

Lessons learned

  1. React dom
  2. Differences between the state and the props
  3. Route components