React-based Google Books Search app. This SPA (Single Page Application) uses [react-router-dom]to navigate, hide and show your React components without changing the route within Express. Using helper/util functions and React lifecycle methods to query and display books based on user searches, this is a full MERN stack application allows users to save books to a database to refer to at a later date. Built with Node, Express and MongoDB, and React-Toastify for custom alerts. Toasty!
mongoose, axios, react-router-dom, react-toastify
-
Connect to a MongoDB database named
googlebooksusing the mongoose npm package. -
Using mongoose, create a Book schema.
-
Books should have each of 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 -
Example JSON:
{ authors: ["Suzanne Collins"] description: "Set in a dark vision of the near future, a terrifying reality TV show is taking place. Twelve boys and twelve girls are forced to appear in a live event called The Hunger Games. There is only one rule: kill or be killed. When sixteen-year-old Katniss Everdeen steps forward to take her younger sister's place in the games, she sees it as a death sentence. But Katniss has been close to death before. For her, survival is second nature." image: "http://books.google.com/books/content?id=sazytgAACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api" link: "http://books.google.com/books?id=sazytgAACAAJ&dq=title:The+Hunger+Games&hl=&source=gbs_api" title: "The Hunger Games" }
- Bootstrap
- Express
- Node.js
- React
- MongoDB
- Heroku