scflode/placenoter

Chrome extension to turn browser's default new tab into note-taking machine.

PlaceNoter - Take Notes in Browser

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 ❤️ 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

• You can try it out without installing the extension at https://sereneinserenade.github.io/placenoter/

List of Features

• Code: Write code with ~35 different languages to choose from 🧑‍💻: Great for us programmers/developers/coders
• Shortcuts 🔗: Sortable shortcuts to your websites
• Easy-to-use 🍰: Open new tab and start writing
• Auto-save 🔄: Never worry about saving your data, it does that automatically
• Theme ⚫️⚪️: Great support for light/dark theme, so you can work late in the night or midday without stressing your eyes
• Secure 🔐: No data is sent to any server whatsoever, it always lies on your computer, and you can export it to a JSON file at will
• Recycle Bin ♻️: Notes that you deleted live in recycle bin unless deleted permanently
• It's open-source and free to use ❤️!

final-output.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

Stargazers

Made with ❤️ using these things.