Home

Awesome

<p align="center"> <img src="public/logo-placenoter.svg" width="200"/> <h1 align="center">PlaceNoter - Take Notes in Browser</h1> </p>

This extension replaces your new tab with a note taking app so you never have to leave chrome.

A ⭐️ to the repo if you πŸ‘ / ❀️ what I'm doing would be much appreciated. If you're using this extension and making money from it, it'd be very kind of you to :heart: Sponsor me. If you're looking for a dev to work you on your project's Rich Text Editor with or as a frontend developer, DM me on Discord/Twitter/LinkedInπŸ‘¨β€πŸ’»πŸ€©.

I've made a bunch of extensions for Tiptap 2, some of them are Google Docs like Commenting, Search and Replace, LanguageTool integration with tiptap. You can check it our here https://github.com/sereneinserenade#a-glance-of-my-projects.

Installation:

From chrome webstore.

Demo

<details> <summary> <b> List of Features </b> </summary> <br /> </details>

https://user-images.githubusercontent.com/45892659/156848685-6a8043e6-de07-4c37-9c3d-be6e65060647.mp4

Development (local setup)

npm i

# Creates 'dist' folder and runs the vite server on http://localhost:3000/
npm run dev

It you try and open the page http://localhost:3000/ you will get an error: This localhost page can’t be found - a kind of 404 error.

In order to see it running, you need to install it as a local extension. To do that, navigate to chrome://extensions/ and click the Load unpacked button, it will ask you to "Select the extension directory", so navigate to the repo root, select the dist folder, and click open.

Now when you open a new tab, it will open Placenoter from your local. Chrome doesn't like it initially, and will offer to revert to the original. Once you tell it no, it will leave it in place.

It works well like this, as you make changes to the code, the page will be updated.

Contributors

<!-- readme: collaborators,contributors -start --> <!-- readme: collaborators,contributors -end -->

Stargazers

Stargazers repo roster for @sereneinserenade/placenoter

Made with ❀️ using these things.

NextUi React Badge Webpack Sass