MyReads React project for FEND nanodegree. Udacity provided the static code of the CSS and HTML markup, but without any of the React code. The goal of this project was to add interactivity to the app by refactoring the static code in this template using React.
- Download the project folder. The node-modules folder was removed from this submission to save space.
- Navigate to the project folder reactnd-project-myreads-starter
- Install all project dependencies with
npm install
- This project uses react-router-dom for routing. Install with
npm install --save react-router-dom
- Start the development server with
npm start
- Note that the development build is not optimized. To create a production build, use
npm run build
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.
Move books from shelf to shelf by selecting a new shelf from the drop-down. Use the add button to add new books to the shelves on the main page. Filter books but typing in the search box. You can filter by author or title.
Webinar: MyReads (P6) Sept-23 walk-thru with @Forrest (FEND) - YouTube Webinar: MyReads (P6 LONG) Sept-22 walk-thru with @RyanWaite.ProjectCoach [FEND, MWS] - YouTube Webinar: key React concepts & project similar to a FEND project (10-26) with Udacity's Andrew Wong - YouTube Webinar: MyReads (P6), Part 1 | Nov-05 with @Kehinde (FEND) - YouTube Webinar: MyReads (P6), Part 2 | Nov-06 with @Kehinde (FEND) - YouTube
This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.