Project 6 Outline / Checklist for Udacity's Front-End Web Developer Nanodegree

udacity-fend-p6-outline-checklist.md

⬥ Project 6 —— MyReads-React

  ╭── <Rubric>
  │
☐ ├── ⟐ README file
☐ │   ├── Clear formatting
☐ │   ├── Neat organization
☐ │   ╰── Easy-to-follow instructions
☐ ├── ⟐ Main Page
☐ │   ├── 3 shelves, and each book is shown on correct shelf
☐ │   ├── ⬦ Displays a control to move books from one shelf to another
☐ │   │   ├── Control is tied to each book instance
☐ │   │   ╰── Functionality to move books between shelves works properly
☐ │   ╰── Page Refresh Persistence
☐ ├── ⟐ Search Page
☐ │   ├── Has input field
☐ │   ├── ⬦ Search page behaves correctly
☐ │   │   ├── Real-time results matching
☐ │   │   ├── No results when search box is cleared
☐ │   │   ├── Invalid queries handled and no results shown
☐ │   │   ╰── Searches for multiple words, e.g. "artificial intelligence" behave as expected
☐ │   ╰── ⬦ Search results display shelf movement control element
☐ │       ├── Default value is currently-assigned shelf
☐ │       ╰── Shelf assignment state consistent across all pages
☐ ├── ⟐ Routing
☐ │   ├── ⬦ Search page has link to Main page; when clicked:
☐ │   │   ├── Link takes user to Main page
☐ │   │   ╰── URL in browser address bar is "/"
☐ │   ╰── ⬦ Main page has link to Search page; when clicked:
☐ │       ├── Link takes user to Search page
☐ │       ╰── URL in browser address bar is "/search"
☐ ├── ⟐ Code Functionality
☐ │   ├── ⬦ State Management
☐ │   │   ├── Component state is passed from parent to child (uni-directional)
☐ │   │   ├── State variable is never modified directly
☐ │   │   ╰── setState() function is used correctly
☐ │   ╰── ⬦ JSX
☐ │       ├── Implemented across project
☐ │       ├── Formatted correctly
☐ │       ╰── Transpiles error-free to standard JS
☐ ├── ⟐ Project Submitted
  │
  ╰── </Rubric>


  ╭── <AboveAndBeyond>
  │
☐ ├── ⟐ ServiceWorker
☐ │   ├──
☐ │   ╰── ⬦
☐ │       ├──
☐ │       ╰──
☐ ├── ⟐  
☐ │   ├──
☐ │   ╰── ⬦
☐ │       ├──
☐ │       ╰──
☐ ├── ⟐  
☐ │   ├──
☐ │   ╰── ⬦
☐ │       ├──
☐ │       ╰──
  │
  ╰── </AboveAndBeyond>

To mark a task complete, copy the checkbox glyph below & 
paste it over the unchecked one next to your completed task.

Checked Box: ☑︎