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://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 notion connections and add the integration to your database
5. Go to src/App.js and update the NOTION_API_KEY and NOTION_DATABASE_ID with your Notion API key and database ID or add to .env and use process.env
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. Go to Google Books https://books.google.com/ and search for a book
10. Click on the extension icon and click on the Save to Notion button
11. 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