An open API service indexing awesome lists of open source software.

https://github.com/drkittendorf/google_books

Dale's Google Books React App
https://github.com/drkittendorf/google_books

google-books-api react

Last synced: 15 days ago
JSON representation

Dale's Google Books React App

Awesome Lists containing this project

README

          

# DALE'S GOOGLE BOOKS REACT APP

### TABLE OF CONTENTS

- [CONTRIBUTOR(S)](#CONTRIBUTOR(S))
- [DESCRIPTION](#DESCRIPTION)
- [REFERENCE LINKS](#REFERENCE-LINKS)
- [Dale's Google Books React Application :: Live Link](https://dales-google-books-app.herokuapp.com/)
- [Dale's Google Books React Application :: GitHub Repo](https://github.com/drkittendorf/google_books/)
- [CONCEPT](#CONCEPT)
- [LANGUAGES AND TOOLS](#LANGUAGES-AND-TOOLS)
- [CORE PROJECT TECHNOLOGIES](#CORE-PROJECT-TECHNOLOGIES)
- [CORE NODE DEPENDENCIES](#CORE-NODE-DEPENDENCIES)
- [FUTURE DEVELOPMENT](#FUTURE-DEVELOPMENT)
- [LICENSING](#LICENSING)
- [SCREENSHOTS](#SCREENSHOTS-AND-VIDEO)

---
## 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](https://dales-google-books-app.herokuapp.com/)

Link to **GitHub Repo** used for application development - [Dale's Application GitHub Repo](https://github.com/drkittendorf/google_books)


---

## 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](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

The code in this project is licensed under MIT license.

---

## SCREENSHOTS AND VIDEO

- ### SCREENSHOT(S)

![Screenshot](/client/src/assets/images/google_books.png?raw=true "Google Books")


- ### VIDEO
(TBD)

---