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. This layout is borrowed from Bear notetaking app
Package | For |
---|---|
Redux Toolkit | State Management |
Firebase | Firebase SDK |
Editor.js and Plugins | Editing notes |
- Include text, images, videos, links, lists, checkboxes
- Organize notes by notebooks
- Search notes
- Export to PDF
- Seven different themes
- You need to setup a firebase project and enable 'Authentication' and 'Cloud Firestore' support
- 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]
# firebase cloud funtion http endpoint for link preview
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]
- Then run
npm i && npm start
- Support for code snippets, quote, file attachments
- Export options: HTML, Markdown