This is a Bookshelf Project for React Fundamentals course's assessment for Udacity's React React Nanodegree
This App allows you to select and categorize books you have read, are currently reading, or want to read.
For a demo, check out https://my-reads-3a074.firebaseapp.com/
- install all project dependencies with
npm install - start the development server with
npm start
├── README.md
├── LICENSE
├── SEARCH_TERMS.md
├── package.json
├── firebaserc.
├── firebase.json
├── public
│ ├── favicon.ico
│ └── index.html
└── src
├── action
│ └──BooksAPI.js
├── icons
│ ├── add.svg
│ ├── arrow-back.svg
│ └── arrow-drop-down.svg
├── index.css
├── index.js
├── logo.svg
├── serviceWorker.js
└── components
├── App.css
├── App.js
├── App.test.js
├── book
│ ├── Book.js
│ └── StateChanger.js
├── myReadList
│ ├── MyReadList.js
│ └── BookShelf.js
└── searchBooks
├── SearchBar.js
└── SearchBooks.jsIn this application, 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
Each book has a control that lets you select the shelf for that book. When you select a different shelf, the book moves there. Note that the default value for the control should always be the current shelf the book is in.