Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sereneinserenade/placenoter
Chrome extension to turn browser's default new tab into note-taking machine.
https://github.com/sereneinserenade/placenoter
chrome-extension-react chrome-extensions javascript nextui placenoter react scss typescript webpack
Last synced: about 2 months ago
JSON representation
Chrome extension to turn browser's default new tab into note-taking machine.
- Host: GitHub
- URL: https://github.com/sereneinserenade/placenoter
- Owner: sereneinserenade
- License: mit
- Created: 2022-01-31T14:08:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-07T00:32:38.000Z (almost 2 years ago)
- Last Synced: 2024-07-03T14:56:34.350Z (3 months ago)
- Topics: chrome-extension-react, chrome-extensions, javascript, nextui, placenoter, react, scss, typescript, webpack
- Language: TypeScript
- Homepage: https://chrome.google.com/webstore/detail/placenoter/jefjneinemilpncgcfdglggeheiaakfc
- Size: 2.04 MB
- Stars: 48
- Watchers: 2
- Forks: 6
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
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 [:heart: Sponsor me](https://github.com/sponsors/sereneinserenade). 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](https://github.com/sereneinserenade)👨💻🤩**.
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.](https://chrome.google.com/webstore/detail/pagenoter/jefjneinemilpncgcfdglggeheiaakfc?hl=en-GB&authuser=0)
## 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** ❤️!
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
## Stargazers
[](https://github.com/sereneinserenade/placenoter/stargazers)
## Made with ❤️ using these things.
