ariehh1 / google-book-search

A Google Books Search application that allows a user to search and save books. Utilized a React Front-End and the full MERN stack.

Home Page:https://mighty-basin-71904.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

In this repository, I have built a Books Search application that queries the Google API database. A user can search for their favorite book, view that book title in the Google Book store online, and compile a list of saved books that they enjoy. Once they have been read, a user can simply delete the book from their list.

Overview:

The overall goal of this application was to utilize the full MERN stack (MongoDB, Express, React, and Node). I utilized a React Front-End to start the application and all of it's boiler plate code. In order to connect all of the pieces together, I had to start compiling my components and think about what the user would interact with once in the application. The React lifecylce methods assisted with the querying and displaying portions of a user search. Node, Express, and MongoDB helped save a book and ultimately purchase it later.

Technologies Used:

  • MongoDB - (https://www.mongodb.com/)
  • Bootstrap - (https://getbootstrap.com/docs/4.4/getting-started/introduction/)
  • React - (https://reactjs.org/docs/getting-started.html)
  • Node JS - (https://nodejs.org/en/docs/)
  • Express - (https://expressjs.com/en/guide/error-handling.html)
  • Setup Before Deployment:

  • Clone the repository on your local device and open Terminal or Bash
  • In Terminal or Bash, the user will run the following command to download all application dependencies: "npm install"
  • In Terminal or Bash, the user will run the following command to run the application: "npm run start"
  • Once the command is run, a successful message will appear "App running on http://localhost:3000"
  • In your browser, type "http://localhost:3000/"
  • Demo of Application:

    Please watch the below link for a demo of the Google Book Search: https://drive.google.com/file/d/1pgIKGaZUNjAbYcESZ_b7ptF19A8O1PvC/view

    Future Development:

    If I were to develop this application further, I would focus on enhancing the customer experience. This would include alerting the user when they "saved" a book and adding in a "purchase" functionality directly in-app. I would also reconfigure the book display details so that book length, rating, and suggested book titles render upon user search.

    Heroku Link:

    https://mighty-basin-71904.herokuapp.com/

    Contact Me:

    @ariehh1 - (https://github.com/ariehh1)

    About

    A Google Books Search application that allows a user to search and save books. Utilized a React Front-End and the full MERN stack.

    https://mighty-basin-71904.herokuapp.com/


    Languages

    Language:JavaScript 86.1%Language:HTML 11.0%Language:CSS 2.9%