My Reads

My Reads is a book tracking App that allows you to organize your books library in 3 shelfs: (Currently Read Shelf), (Want to Read Shelf) & (Read Shelf). It depends on the API of Booklender website.

You can view the App from here

Demo

https://user-images.githubusercontent.com/69651552/129760902-f9fbd7f9-24e3-4961-b977-fda6c4a45ffd.mp4

Instructions, Building & Get Started

- 1- Fork, clone or download this repository to your local machine.
- 2- Be sure that you install the Node.js environment in your machine.
- 3- Open your terminal and be sure that you are inside the correct destination of the App, while you must be in the same path of the package.json file.
- 4- Inside your terminal run these commands:-
    * to install dependencies.
    ```
    npm install
    ```
    * to start the server.
    ```
    npm start
    ```
- 5- Once the App server is running, visit (localhost:3000) in the browser to view the App and now you can treat with it as shown above in the Demo.
- 6- You can also see a live preview of the App from this link (https://myreads14.netlify.app/)

Features

• The control to move any book from a shelf to another shelf or remove it from all shelfs.
• Search in a big library of many books at many categories, you can find your favorite book and add it into your own library at a specific shelf you choose.

Built with

• HTML
• CSS
• JS

Libraries & Packages

• Font Awesome
• PropTypes
• React Router
• React Router Dom
• React Icons

Frameworks

• React

API

• Booklender

Notices

• This App is a practical project from Udacity Course Nanodegree Program - Web Development Advanced Track

Certificate

Course Certificate

Author

• Mohamed Elhawary

Contact me through my social accounts

• Email: mohamed.k.elhawary@gmail.com
• Linkedin
• Github
• Behance
• Codepen

License

Licensed under the MIT License