Remember

Remember is an notetaking application that allows you to take notes by including text, images, videos, links, lists, checkboxes and support for code snippets, file attachments can be expected in the near future.

Remember is built with React, Redux Toolkit and Firebase. Remeber uses firestore to store the user notes and it uses Editor.js library for editing the notes.

Remember uses three pane layout to organize, edit and save your notes.

Core Dependencies

| Package | For | | --------------------- | ---------------- | | Redux Toolkit | State Management | | Firebase | Firebase SDK | | Editor.js and Plugins | Editing notes |

Features

• Include text, images, videos, links, lists, checkboxes
• Organize notes by notebooks
• Search notes
• Export to PDF
• Seven different themes

Running locally

1. You need to setup a firebase project and enable 'Authentication' and 'Cloud Firestore' support
2. Once done, you need to setup .env file at the root of this repository

# https://api.cloudinary.com/v1_1/CLOUD_NAME/image/upload
REACT_APP_UPLOAD_IMAGE_URL=[x]

# http endpoint for previewing links (firebase cloud fuction 'functions/index.js')
REACT_APP_LINK_PREVIEW=[x]

# firebase config
REACT_APP_API_KEY=[x]
REACT_APP_AUTH_DOMAIN=[x]
REACT_APP_DATABASE_URL=[x]
REACT_APP_PROJECT_ID=[x]
REACT_APP_STORAGE_BUCKET=[x]
REACT_APP_MESSAGING_SENDER_ID=[x]
REACT_APP_APP_ID=[x]
REACT_APP_MEASUREMENT_ID=[x]

3. Then run <code>npm i && npm start</code>

Chrome Extension

ravisojitra created a chrome extension which allows you to capture, edit and save your notes offline, here's the repo

Watch the Demo

Screenshots

Editor (Solarized Dark)

Editor (Gruvbox Dark)

YT Video Embed (Gruvbox)

Link Previews and Checkboxes (Nord)

TODO

1. Support for code snippets, quote, file attachments
2. Export options: HTML, Markdown