Table of Contents

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

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

How it works

1. After installing the extension, go to Google Books and search for a book
2. Click on the extension icon and click on the Detect Books button
3. The book details will be displayed
4. Click on the Save to Notion button
5. The book details will be saved to your Notion database

Getting Started

1. Clone the repository

   git clone https://github.com/gdcho/notion-lib

2. Go to https://rjsgml.notion.site/d16508ea0f364b63b227094b0126eec7?v=707a50eea3dc48188eafda5594d2c881 and duplicate page into your workspace.
3. Go to https://www.notion.com/my-integrations and create a new integration to get the NOTION_API_KEY
4. 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
5. Go to Google Cloud Console and create a new project to get the GOOGLE_BOOKS_API_KEY to get more rate limits and add your api key in src/utils/fetchBookDetails.js
6. Go to notion connections and add the integration to your database
7. Go to src/App.js and update the NOTION_API_KEY and NOTION_DATABASE_ID with your Notion API key and database ID
8. Run npm install
9. Run npm run build
10. Load the extension in Chrome by going to chrome://extensions/ and clicking on Load unpacked and selecting the build folder
11. Go to Google Books https://books.google.com/ and search for a book
12. Click on the extension icon and click on the Save to Notion button
13. The book details will be saved to Notion

File Contents of folder

📦
├── README.md
├── build
│   ├── asset-manifest.json
│   ├── background.js
│   ├── book.png
│   ├── contentScript.js
│   ├── favicon.ico
│   ├── index.html
│   ├── loader.gif
│   ├── manifest.json
│   ├── robots.txt
│   └── static
├── node_modules
├── package.json
├── public
│   ├── background.js
│   ├── book.png
│   ├── contentScript.js
│   ├── favicon.ico
│   ├── index.html
│   ├── loader.gif
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── App.css
    ├── App.js
    ├── components
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── lottie
    ├── reportWebVitals.js
    ├── setupTests.js
    └── utils

Learn More

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

• Notion API Documentation - learn about Notion API features and API.
• Notion API Postman Collection - a Postman collection for Notion API.

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

• Google Books API Documentation - learn about Google Books API features and API.
• Google Books API Postman Collection - a Postman collection for Google Books API.

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

• Chrome Extension Documentation - learn about Chrome Extension features and API.
• Chrome Extension Tutorial - an interactive Chrome Extension tutorial.

References

Google Books API · Notion API · Chrome Extension