This is a mini project for managing user's book shelf. User can categories each book in following shelf categories at /
route
- 📖 Currently Reading Books
- 📚 Books To Read
- 📦 Completed Reading Books
Book can be removed or added from /search
route. The shelf states of these books is persistent and stored in a backend provided by udacity.
Project Note :
- Books which are present in shelf has Green Action Menu button (rounded buttons above every book) & books which are not part of shelf has Blue Action button
- Search Page tries to bring books through API after every letter is entered in input field.
- Search Page shows no books when search field is empty or book for requested search string doesnot exists.
/
Home Page containing Shelfs/search
Search Page/book/:bookId
Book Details Page
You should have npm
and node
installed in your machine, to confirm type node --version
in terminal. Below are steps to setup project in your system :
- Clone the
my-reads
branch of this repository - Open Terminal in project folder (containing
package.json
file) - Run
npm install
and wait for all dependencies to download - Finally run
npm start
this will automatically launch application in default browser athttp://localhost:3000
The complete project is deployed at Netlify, Visit the following link to try it out :
https://myreadskrupesh.netlify.app/