melsdesign / My-Reads-React-Udacity

Udacity Front-End Nanodegree | Book Organiser App | Project React Js

Home Page:https://melsdesign.github.io/My-Reads-React-Udacity/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyReads One Page Web Application

My reads is a web application, that allows user to search for books and to categorize them. There are three categories/book shelves: Currently reading, Want to read and already read. User can add a book to a desired category. The book can be added to a category from the main page or from the search bar.

Why this project

This project is part of the Udacity Front End Nanodegree program The project is built with React Udacity provided with the basic code and design My part was to create the right react components and to route them correctly in order to make the page fully working.

You can see the page live here : https://melsdesign.github.io/My-Reads-React-Udacity/

Details:

->On the main page user can access from the drop down arrow three categories, ->Each book can be assigned to one of these categories,if none match than can be choosed "none" and the book will not be visible until it will be searched again ->If a category is chosen the book will be assigned to it. ->User can select/change a book category on each page. ->User can navigate from the main page to the search page and back using interface or forward and back buttons of the browser. ->Every book is displayed with a thumbnail, title and authors name, if the information is available on the server.

How to use it/contribute

Please clone the repository or download the project Open up your terminal (eg. git bash),cd in the directory where you downloaded/cloned this project To open up the project run command ## npm install to install all the dependencies Once everything is installed run ## npm start to view the application in your browser.

About

Udacity Front-End Nanodegree | Book Organiser App | Project React Js

https://melsdesign.github.io/My-Reads-React-Udacity/


Languages

Language:JavaScript 73.1%Language:CSS 19.2%Language:HTML 7.7%