Skip to content

amandadovel/React-Google-Books

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Google Book Search 📚

Google Books

google-gif

Functionality 💪

Here's how the app works:

  1. This is a react app which allows users to search and save books using a google book API.

Getting Started 🏁

These instructions will get you a copy of the project up and running on your local machine for grading and testing purposes.

  1. Clone repository. Click on the clone button next to the repository (clone with SSH).
  2. Open Terminal and git clone (paste) into directory of your choice.
  3. Open folder in VS Code.
  4. After the files necessary for the react app, the file structure follows an MVC pattern with the main diretories being client, controllers, models, routes, scripts and the server.js file which connects the app to the database and the server.
  5. The client directory holds all of the logic connecting the backend to the front.
  6. Each component is defined within the components directory.
  7. Each of the necessary pages displayed in the browser are defined in the pages directory.
  8. the models folder handles the data of the application.
  9. The logic for the google books API is held in the controllers directory.
  10. The routes folder holds the logic for the routes which receives the user input, validates it and passes it through the modls.

Pre-Requisites ✔️

  1. Node - use this site to install node into your computer: https://nodejs.org/en/download/ *to check if node is installed type node -v into your terminal. If installed it will print the version number on the screen.
  2. NPM (https://www.npmjs.com/) - Node Package Manager. Use this site to assist in downloading packages or modules.
  3. Install dependencies using npm install.

Built With 🔧

  • React - Component based Javascript library used for creating interactive user interfaces specifically for single page layouts.
  • Node - As an asynchronous event driven JavaScript runtime, Node is designed to build scalable network applications.
  • Javascript - JavaScript is the programming language of HTML and the Web
  • JSON - Javascript object notation, syntax for storing and exchanging information.
  • Express - Node.js web app framework designed to make developing websites, web apps, & API's much easier.
  • MVC - The Model-View-Controller is an architectural pattern that separates an application into three main logical components: the model, the view, and the controller.
  • Mongoose - An object modeling tool for MongoDB. Manages relationships between data and translates between objects in code and the representation of them in MongoDB.
  • Axios - Promise-based HTTP client for javascript that can be used in the front and backend of an application.
  • Heroku - A cloud based platform that lets companies build, deliver, monitor and scale applications.

Author ⌨️

*** Amanda Dovel *** - amandadovel