This Google Books React-Based Search App is a MERN web application that will allow users to search and save Google Books buy using the Google Books API. Since this application was developed using React, as a result this application uses React components, helper functions, and lifecycle methods to query and display books based on user searches. Node.js, Express and MongoDB are also used in this appliction to allow the functionality that allows users to save books to review or purchase later.
Return to TOC - Table of Contents
Link to GitHub Repo - https://github.com/CodingErik/Google-Books-Search
Link to deployed application on Heroku - https://googlebookserik1.herokuapp.com/search
Return to TOC - Table of Contents
Here is a summar of the minimum requirements specified for this application:
-
Application must have the following two pages:
-
Search - In this page, the user can search for books via the Google Books API and render them on this page. User should also have the option to "View" a book (by clicking the view button), bringing them to the book on Google Books, or "Save" a book (by clicking the save button), saving it to the Mongo database.
-
Saved - this page should render all books saved into a backend Mongo database. User should also have the option to "View" a book (by clicking the view button), bringing them to the book on Google Books, or "Delete" a book (by clicking on the delete button), removing it from the Mongo database.
-
-
Application should be a SPA (Single Page Application) that uses
react-router-domto navigate, hide and show your React components without changing the route within Express.
-
Create a MongoDB database named
googlebooks. -
Use NPM mongoose package to create a
Bookschema. -
The
Bookschema should have the following fields:title- Title of the book from the Google Books API.authors- The books's author(s) as returned from the Google Books API.description- The book's description as returned from the Google Books API.image- The Book's thumbnail image as returned from the Google Books API.link- The Book's information link as returned from the Google Books API.
-
The following Express routes need to be included in the application:
/api/books(get) - Should return all saved books as JSON./api/books(post) - Will be used to save a new book to the database./api/books/:id(delete) - Will be used to delete a book from the database by Mongo_id.*(get) - Will load your single HTML page inclient/build/index.html.
Return to TOC - Table of Contents
In order to success launch this web application, you will need to have the following installed in your local working environment:
- Node.js - Make sure Node.js is installed in your machine. If Node.js is not installed on your machine, click here to download the application.
All NPM packages needed for this application are already listed as dependencies in the package.json file. If running this web application in your local environment, please make sure to run the npm install command in your terminal at the root directory level in order to access all required package.
After all required dependencies have been installed using the instructions in the Installation Instructions section, run the command npm start in you the terminal under the root directory in order to launch the application.
Return to TOC - Table of Contents
- Erik De Luna - Full Stack Developer