Skip to content

rj-labs-co/notion-lib

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of Contents
  1. Technology used
  2. Getting started
  3. File Contents of folder
  4. Learn More
  5. References

Logo

notion lib

notion lib is a chrome extension that allows you to save book details to your Notion database.
Explore the docs »

See Project · Report Bug · Request Feature

Technology used

JavaScript Badge React Badge Notion API Badge Chrome Badge Google Badge Post CSS Badge Postman Badge

How it works

Step 1: Initial Setup

After installing the extension, refer to Extension Setup after Chrome Extension Installation to configure and set up the API keys.

Extension Setup

Step 2: Navigate to Google Books

After configuring API keys, go to Google Books and search for a book.

Step 3: Detect Books

Click on the extension icon and click on the Detect Books button.

Detect Books Button

Step 4: View Book Details

The book details will be displayed in the extension popup.

Book Details Display

Step 5: Save to Notion

Click on the Save to Notion button to save the book information.

Save to Notion Button

Step 6: Confirmation

The book details will be saved to your Notion database.

Final Result

Extension Setup after Chrome Extension Installation

  1. Go to https://rjsgml.notion.site/d16508ea0f364b63b227094b0126eec7?v=707a50eea3dc48188eafda5594d2c881 and duplicate page into your workspace.
  2. Go to https://www.notion.com/my-integrations and create a new integration to get the NOTION_API_KEY
  3. Go to your notion database, then share --> publish and copy the link and update the NOTION_DATABASE_URL. The link should look like https://www.notion.so/your-workspace/your-database-id?view=your-view-id
  4. Go to Google Cloud Console and create a new project to get the GOOGLE_BOOKS_API_KEY to get more rate limits
  5. Go to notion connections and add the integration to your database
  6. On Configure API Keys step of the extension, add the NOTION_API_KEY, NOTION_DATABASE_URL, and GOOGLE_BOOKS_API_KEY to the input fields
  7. Go to Google Books https://books.google.com/ and search for a book
  8. Click on the extension icon and click on the Save to Notion button
  9. The book details will be saved to Notion

Getting Started

  1. Clone the repository
   git clone https://github.com/gdcho/notion-lib
  1. Go to https://rjsgml.notion.site/d16508ea0f364b63b227094b0126eec7?v=707a50eea3dc48188eafda5594d2c881 and duplicate page into your workspace.
  2. Go to https://www.notion.com/my-integrations and create a new integration to get the NOTION_API_KEY
  3. Go to your notion database, then share --> publish and copy the link and update the NOTION_DATABASE_URL. The link should look like https://www.notion.so/your-workspace/your-database-id?view=your-view-id
  4. Go to Google Cloud Console and create a new project to get the GOOGLE_BOOKS_API_KEY to get more rate limits
  5. Go to notion connections and add the integration to your database
  6. Run npm install
  7. Run npm run build
  8. Load the extension in Chrome by going to chrome://extensions/ and clicking on Load unpacked and selecting the build folder
  9. On Configure API Keys step of the extension, add the NOTION_API_KEY, NOTION_DATABASE_URL, and GOOGLE_BOOKS_API_KEY to the input fields
  10. Go to Google Books https://books.google.com/ and search for a book
  11. Click on the extension icon and click on the Save to Notion button
  12. The book details will be saved to Notion

Learn More

To learn more about Notion API, take a look at the following resources:

To learn more about Google Books API, take a look at the following resources:

To learn more about Chrome Extension, take a look at the following resources:

References

Google Books API · Notion API · Chrome Extension

About

React chrome extension for Notion to save books by querying details from Google Books API 📚

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.3%
  • CSS 37.6%
  • HTML 2.1%