cindyjetskis / reactnd-project-myreads-starter

Starter Code for the React MyReads Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyReads Project

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.

To get started:

  • 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

Important

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.

How to Use

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.

Sources

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

Create React App

This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.

About

Starter Code for the React MyReads Project


Languages

Language:JavaScript 73.6%Language:CSS 18.6%Language:HTML 7.7%