andreLDias / virtual-bookshelf

Virtual BookShelf

The project uses a public GoogleAPI (see API Reference) to get books and displays them on a react layout.
The main page has a search button and by default displays four book categories.
When a book thumbnail is clicked, it leads you to google book preview.

Demo

Demo link: https://virtual-bookshelf.vercel.app/

Screenshots

Desktop:

iPhone 6/7/8:

iPhone 6/7/8+

Search page on desktop:

Search page on iPhone 6/7/8+:

Tech Stack

Client:

• ReactJs
• material-ui/core
• axios
• styled-components

API Reference

  RawURL: https://www.googleapis.com/books/

Get all items

  GET /v1/volumes?q=Query&startIndex=0&maxResults=10

Parameter	Type	Description
q	string	Search input.
maxResults	string	Number of max results. The highest value is 40.
startIndex	string	The index of the first item.

Roadmap

• Add a 404 not found screen

• Use history to redirect to 404 screen

• Create a logIn/signUp screen

• Add a Loading Component

• Create a custom API to store favorite/read books

• Add tests

Run Locally

Clone the project virtual-bookshelf

  git clone https://github.com/andreLDias/virtual-bookshelf

Go to the project directory

  cd virtual-bookshelf

Install dependencies

  yarn

Start the front (when done loading, the default web browser will promp it)

  yarn start

Authors

• @andreLDias