Skip to content

Latest commit

 

History

History
125 lines (81 loc) · 4.19 KB

File metadata and controls

125 lines (81 loc) · 4.19 KB

DALE'S GOOGLE BOOKS REACT APP

TABLE OF CONTENTS


CONTRIBUTOR(S)

Dale Kittendorf



DESCRIPTION

This MERN stack website showcases a Mongo Database, Express routing, React library and Node.js runtime environment as well as a Google API.

  • AS AN AVID READER I WANT AN APP THAT ALLOWS ME TO SEARCH GOOGLE BOOKS AND ADD SELECTED ITEMS TO A LIST.
  • THE RESULTS LIST INCLUDES THE FOLLOWING INFORMATION.
    • 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


REFERENCE LINKS

Link to Dale's Google Books React App deployed on Heroku - Dale's Application Live Link

Link to GitHub Repo used for application development - Dale's Application GitHub Repo



LANGUAGES AND TOOLS:

Visual Studio Code

HTML5

CSS3

JavaScript

React

Node.js

GitHub




CORE PROJECT TECHNOLOGIES

Here is a list of all the core technologies used to develop this application.

  • MongoDB - One of the most popular NoSQL databases
  • Express - A flexible backend web framework
  • React.js - A JavaScript library for building user interfaces
  • Node.js - An asynchronous event-driven JavaScript runtime

CORE NODE DEPENDENCIES

The dependencies listed below are all the core NPM packages used throughout the project.

  • react-dom - This package serves as the entry point to the DOM and server renderers for React.
  • react-bootstrap - Bootstrap 4 components built with React.
  • axios
  • express
  • mongoose


FUTURE DEVELOPMENT

For future development, I would like to incorporate the following enhancements into my portfolio:

  • INCREASE RESPONSIVENESS
  • CLEANUP SPACING ISSUES
  • ADD HAMBURGER MENU UNDER 650PX WIDTH
  • ADD GOOGLE BRANDED LOGO
  • ENHANCE APPEARANCE / STYLING

LICENSING

License: MIT

The code in this project is licensed under MIT license.


SCREENSHOTS AND VIDEO

  • SCREENSHOT(S)

Screenshot


  • VIDEO

      (TBD)