/My-Reads

A bookshelf app that allows you to select and categorize books you have read, are currently reading, or want to read.

Primary LanguageJavaScriptMIT LicenseMIT

GitHub contributors GitHub issues GitHub license GitHub forks GitHub stars GitHub Language

📝 Table of Contents

📙 About

  • A bookshelf app that allows you to select and categorize books you have read, are currently reading, or want to read.
  • The main page shows three shelves for books.
  • Each book is shown on the correct shelf, along with its title and all of its authors.
  • Each bookshelf is a reusable component.
  • The main page shows a control that allows users to move books between shelves.
  • When the browser is refreshed, the same information is displayed on the page.
  • As the user types into the search field, books that match the query are displayed on the page, along with their titles and authors.
  • Search results are not shown when all of the text is deleted out of the search input box.
  • Invalid queries are handled and prior search results are not shown.
  • If a book is assigned to a shelf on the main page and that book also appears on the search page, the correct shelf should be selected for that book on the search page.
  • When an item is categorized on the search page and the user navigates to the main page, it appears on that shelf in the main page.
  • Using some react hooks to do different things

🏁 Getting Started

This is an list of needed instructions to set up your project locally, to get a local copy up and running follow these instructuins.

Installation

  1. Clone the repository
$ git clone https://github.com/ZeyadTarekk/My-Reads.git
  1. Navigate to repository directory
$ cd My-Reads
  1. Install dependencies
npm install

Running

  1. Running on development mode
npm start

Open http://localhost:3000 with your browser to see the result

  1. Compiling for production mode
npm run build

💻 Built Using

  • React.js
  • Backend RESTful API

📷 Demo Screenshots

Home Page



Showing the correct shelf on Home Page



Search Page


Showing the correct shelf on Search Page



Responsive Design




Contributors

Zeyad Tarek
Zeyad Tarek

License

This software is licensed under MIT License, See License for more information.