My Reads — tracking book app
Student Project #7 during Google Front-End Development Nanodegree Program at Udacity made with React.
This is #7 student project made for Udacity classroom on Front-End Web Developer track.
link https://github.com/udacity/reactnd-project-myreads-starter
This is the starter template for the final assessment project for Udacity's React Fundamentals course. The goal of this template is to save time by providing a static example of the CSS and HTML markup that may be used, but without any of the React code that is needed to complete the project. Student can choose to start with this template, His job is to add interactivity to the app by refactoring the static code in this template.
To simplify development process, there is provided a backend server for students to develop against. The provided file BooksAPI.js
contains the methods that will be needed to perform necessary operations on the backend like:
The backend API uses a fixed set of cached search results and is limited to a particular set of search terms, which can be found in SEARCH_TERMS.md. That list of terms are the only terms that will work with the backend, so don't be surprised if your searches for Basket Weaving or Bubble Wrap don't come back with any results.
<App />
<Header />
<BookDetails />
<!-- Main page with <Route /> path='/' -->
<Library />
<Shelf />
<Book />
<OpenSearch />
<!-- Search page <Route /> path='/search' -->
<SearchBook />
<Book />
<Footer />
1. You can run a live demo deployed with gh-pages
2. Or run it on your local machine:
- download or clone the repository
- next follow these instructions
Running application on local machine
To get started:
cd
react-project-myreads folder- install all project dependencies with
npm install
- start the development server with
npm start
- with your server running, visit the site:
http://localhost:3000
if not open automatically
In this application, the main page displays a list of "shelves" (i.e. categories), each of which contains a number of books. The three shelves are:
- Currently Reading
- Want to Read
- Read
Application is created to help you to managing your personal library and stack of books. There is 7 books as default but:
-
You can search for new books in the
/search
page or click + button on the right bottom corner. -
Use menu below book cover to select shelf Reading, Want to, Read to put the book on right one
-
None removes the book from each shelf in main page
Most elements delivered with starter project. Application redesigned by the Author, changed UI/UX of original design, inspired by Material.
- React Router -
react-router-dom
- Prop-Types
prop-types
This repository is the starter code for all Udacity students. Therefore, we most likely will not accept pull requests.
For details, check out CONTRIBUTING.md.