Badges

Acknowledgements

• This web app is created using React Js from the Udacity Nanodegree program

Table of Contents

• Main Page
• Detail Page
• Search Page
• Demo
• Development
• Starter
• Installation

MyReads

MyReads app tends to help people manages what books they are reading and want to read in the future.

This Project has three main features included that shows main, detail and search page.

Main Page

It is the home page where it manages the status of the book through three different shelves named by:

• Currently Reading
• Want to Read
• Read

Detail Page

Addition of a feature which allow the user if interested in the book to gather more information about it. This page can let the user manages the shelves more easier.

Search Page

• A button which leads the user to a page that give him the ability to search for new books.
• The user can add a book to any of the three shelves in the home page.

Demo

https://my-reads-8c75aa.netlify.com/

Development

• A backend API was provided from Udacity inside the Starter Code to connect with the server in order to get the book information and keep it in the local storage.
• Static example was removed by me following the DOT rule.
• Functionality was created all over the app to make the app dynamic and user friendly.

Starter

• Starter Code

Installation

• Clone the Repo.
• Install dependecies and start with npm.

  cd starter
  npm install
  npm start

• View on http://localhost:3000/

Backend Server

In order to get the book information just import from BooksAPI.js file and fetch using those three functions:

getAll();

update(book, shelf);

search(query);

Contributors

Screenshots