DALE’S GOOGLE BOOKS REACT APP

TABLE OF CONTENTS

• CONTRIBUTOR(S))
• DESCRIPTION
• REFERENCE LINKS
  • Dale’s Google Books React Application :: Live Link
  • Dale’s Google Books React Application :: GitHub Repo
• CONCEPT
• LANGUAGES AND TOOLS
• CORE PROJECT TECHNOLOGIES
• CORE NODE DEPENDENCIES
• FUTURE DEVELOPMENT
• LICENSING
• SCREENSHOTS

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:

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

The code in this project is licensed under MIT license.

SCREENSHOTS AND VIDEO

• SCREENSHOT(S)

• VIDEO

    (TBD)