Skip to content

An API search engine that applies a React front-end to display data fetched from the Google Books database

Notifications You must be signed in to change notification settings

cyberforge1/google-books-api-search-engine

Repository files navigation

BookQuest - Google Books API Search Engine

Project Overview

This application is an interactive platform built with React where users can search for books in the Google Books database and view detailed information about each title.

Deployment Link

This Search Engine is live! Check it out here.

Screenshots

Application Screenshot

Table of Contents

Goals & MVP

The main objective is to provide a responsive, user-friendly interface for book enthusiasts to explore books and get comprehensive details via the Google Books API.

Tech Stack

  • HTML
  • CSS/SCSS
  • JavaScript
  • React
  • Git
  • Google Books API

Build Steps

  1. Clone the project from GitHub:
    git clone git@github.com:cyberforge1/google-books-api-search-engine.git
    
  2. Run the application locally:
    npm run dev

How To Use

Type a subject, author, title, or other book information into the search bar and click the search button to find specific information that matches these fields.

Project Features

  • Sends queries to the Google Books API to search for books and retrieve specific information
  • A randomized query sent when entering the website
  • Pagination of data returned
  • Interactive modals to display specific data

Additions & Improvements

  • Addition of a search results for " " and number of results
  • Create a series of API calls to fetch all results
  • Refined styling of header and button components
  • Addition of footer with social media icons
  • Scale up image quality
  • Add pointer / integrate zambia modal

Learning Highlights

This project highlighted the importance of asynchronous programming in React and the effective use of API data to enhance user interfaces.

Challenges

  • Creating a modal that would close when anywhere else in the application was clicked
  • Implementing a series of API calls to collect all associated data

Contact Me


Thanks for your interest in this project. Feel free to reach out with any thoughts or questions.

Oliver Jenkins © 2024

About

An API search engine that applies a React front-end to display data fetched from the Google Books database

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published