- {/*
- NOTES: The search from BooksAPI is limited to a particular set of search terms.
- You can find these search terms here:
- https://github.com/udacity/reactnd-project-myreads-starter/blob/master/SEARCH_TERMS.md
-
- However, remember that the BooksAPI.search method DOES search by title or author. So, don't worry if
- you don't find a specific author or title. Every search is limited by search terms.
- */}
-
-
-
-
-
-
-
-
- ) : (
+ (
MyReads
-
-
-
Currently Reading
-
-
-
-
-
-
-
-
-
-
-
To Kill a Mockingbird
-
Harper Lee
-
-
-
-
-
-
-
-
-
-
-
Ender's Game
-
Orson Scott Card
-
-
-
-
-
-
-
Want to Read
-
-
-
-
-
-
-
-
-
-
-
1776
-
David McCullough
-
-
-
-
-
-
-
-
-
-
-
Harry Potter and the Sorcerer's Stone
-
J.K. Rowling
-
-
-
-
-
-
-
Read
-
-
-
-
-
-
-
-
-
-
-
The Hobbit
-
J.R.R. Tolkien
-
-
-
-
-
-
-
-
-
-
-
Oh, the Places You'll Go!
-
Seuss
-
-
-
-
-
-
-
-
-
-
-
The Adventures of Tom Sawyer
-
Mark Twain
-
-
-
-
-
-
+ {shelves}
+
-
+
+
+
- )}
+ )} />
+ (
+
+
+ )} />
+
)
}
diff --git a/src/AppTemplate.js b/src/AppTemplate.js
new file mode 100644
index 0000000000..887e00b529
--- /dev/null
+++ b/src/AppTemplate.js
@@ -0,0 +1,224 @@
+import React from 'react'
+// import * as BooksAPI from './BooksAPI'
+import './App.css'
+
+class BooksApp extends React.Component {
+ state = {
+ /**
+ * TODO: Instead of using this state variable to keep track of which page
+ * we're on, use the URL in the browser's address bar. This will ensure that
+ * users can use the browser's back and forward buttons to navigate between
+ * pages, as well as provide a good URL they can bookmark and share.
+ */
+ showSearchPage: false
+ }
+
+ render() {
+ return (
+
+ {this.state.showSearchPage ? (
+
+
+
+
+ {/*
+ NOTES: The search from BooksAPI is limited to a particular set of search terms.
+ You can find these search terms here:
+ https://github.com/udacity/reactnd-project-myreads-starter/blob/master/SEARCH_TERMS.md
+
+ However, remember that the BooksAPI.search method DOES search by title or author. So, don't worry if
+ you don't find a specific author or title. Every search is limited by search terms.
+ */}
+
+
+
+ {/*
+ NOTES: The search from BooksAPI is limited to a particular set of search terms.
+ You can find these search terms here:
+ https://github.com/udacity/reactnd-project-myreads-starter/blob/master/SEARCH_TERMS.md
+
+ However, remember that the BooksAPI.search method DOES search by title or author. So, don't worry if
+ you don't find a specific author or title. Every search is limited by search terms.
+ */}
+ this.runSearch(evt)} />
+
+
+
+
+ {(this.state.badTerms.length < 1)
+ ?
+ :
Bad Thearm
+ }
+
+
+
+
+ )
+ }
+
+}
+
+export default SearchMain
\ No newline at end of file
diff --git a/src/ShelfBooks.js b/src/ShelfBooks.js
new file mode 100644
index 0000000000..a08dd86916
--- /dev/null
+++ b/src/ShelfBooks.js
@@ -0,0 +1,32 @@
+import React from 'react'
+import BookItem from './BookItem'
+
+
+class ShelfBooks extends React.Component {
+ render() {
+ const { bookList,changeSelf, shelfKey, allBooks } = this.props;
+ let bookItem = bookList.map( book => {
+
+ return(
+
+ )
+ })
+
+
+
+ return (
+
+ {bookItem}
+
+
+ )
+ }
+
+}
+export default ShelfBooks
\ No newline at end of file
diff --git a/src/Shelfs.js b/src/Shelfs.js
new file mode 100644
index 0000000000..c4d0f210cd
--- /dev/null
+++ b/src/Shelfs.js
@@ -0,0 +1,26 @@
+import React from 'react'
+import ShelfBooks from './ShelfBooks'
+
+class Shelfs extends React.Component {
+ render() {
+ const { shelfKey, shelfNames, bookList, allBooks, changeSelf } = this.props;
+ return (
+
+
{shelfNames}
+
+
+
+
+
+ )
+
+ }
+
+}
+
+export default Shelfs
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index fde0d67bd1..c5ccbb40a5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,11 @@
import React from 'react'
import ReactDOM from 'react-dom'
+import { BrowserRouter } from 'react-router-dom'
import App from './App'
import './index.css'
-ReactDOM.render(, document.getElementById('root'))
+ReactDOM.render(
+
+
+
+ , document.getElementById('root'))