https://github.com/cudi7/javascript_book-finder

Book Finder App using JavaScript, Bootstrap and Google API
https://github.com/cudi7/javascript_book-finder

bootstrap googleapibook javascript

Last synced: 3 months ago
JSON representation

Book Finder App using JavaScript, Bootstrap and Google API

• Host: GitHub
• URL: https://github.com/cudi7/javascript_book-finder
• Owner: Cudi7
• Created: 2021-05-18T09:58:11.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-18T09:59:52.000Z (about 5 years ago)
• Last Synced: 2025-11-22T11:23:27.889Z (8 months ago)
• Topics: bootstrap, googleapibook, javascript
• Language: HTML
• Homepage:
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Book finder app build with JavaScript

# Live demo

> https://elegant-snyder-b68cc7.netlify.app

![Design preview for the  coding challenge](./Screenshot_1.jpg)

## Table of contents

- [General info](#general-info)

- [Code Examples](#code-examples)

- [Features](#features)

- [Contact](#contact)

## General info

Project idea from freecodecamp:

https://www.freecodecamp.org/news/here-are-some-app-ideas-you-can-build-to-level-up-your-coding-skills-39618291f672/

- Responsive, build with Bootstrap.

## Code Examples

./js/script.js

```

function displayData(data) {

  if (!data.items) return displayError('No results found.');

  const booksContainer = document.querySelector('.books-container');

  spinner('hide');

  booksContainer.innerHTML = '';

  data.items.forEach((el) => {

    booksContainer.innerHTML += `

    


    


        


      


        
${formatText(el.volumeInfo.description)}

        


          


            View More

          

          Published: ${

            el.volumeInfo.publishedDate

          }

        

      

    

  

  `;

  });

}

```


## Features

You can:

- Search a book for Title or Author

## Technology used

The project is created with:

- JavaScript

## Contact

Coded by Cudi - feel free to contact me!