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:
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