TheodoreChu / flashcard-editor

A flashcard editor for @StandardNotes | https://flashcardeditor.com
https://demo.flashcardeditor.com
Other
14 stars 2 forks source link
flashcards standardnotes

Flashcard Editor

[![Release](https://img.shields.io/github/release/theodorechu/flashcard-editor.svg)](https://github.com/theodorechu/flashcard-editor/releases) [![License](https://img.shields.io/github/license/theodorechu/flashcard-editor?color=blue)](https://github.com/theodorechu/flashcard-editor/blob/develop/LICENSE) [![Not ready for use](https://img.shields.io/badge/ready%20for%20use%3F-no-red)](https://github.com/theodorechu/flashcard-editor#development) [![Status](https://img.shields.io/badge/status-not%20ready-orange.svg)](https://appendeditor.com/#installation) [![Cost](https://img.shields.io/badge/cost-free-darkgreen.svg)](https://appendeditor.com/#installation) [![GitHub issues](https://img.shields.io/github/issues/theodorechu/flashcard-editor.svg)](https://github.com/theodorechu/flashcard-editor/issues/) [![Slack](https://img.shields.io/badge/slack-standardnotes-CC2B5E.svg?style=flat&logo=slack)](https://standardnotes.org/slack) [![Downloads](https://img.shields.io/github/downloads/theodorechu/flashcard-editor/total.svg)](https://github.com/theodorechu/flashcard-editor/releases) [![GitHub Stars](https://img.shields.io/github/stars/theodorechu/flashcard-editor?style=social)](https://github.com/theodorechu/flashcard-editor)

Introduction

The Flashcard Editor is an unofficial editor for Standard Notes, a free, open-source, and end-to-end encrypted notes app. It is currently in development and not ready for use. :smile:

You can find the beta demo at demo.flashcardeditor.com.

The editor supports Markdown, $\LaTeX/ \KaTeX$, emoji codes, syntax highlighting, inline HTML, table of contents, footnotes, auto-linking, and more.

Features

Installation

  1. Register for an account at Standard Notes using the Desktop App or Web app. Remember to use a strong and memorable password.
  2. Click Extensions in the lower left corner.
  3. Click Import Extension.
  4. Paste this into the box:
    https://raw.githubusercontent.com/TheodoreChu/flashcard-editor/develop/demo.ext.json

    Alternatively, paste this link:

    https://notes.theochu.com/p/FV2A4HJFRN
  5. Press Enter or Return on your keyboard.
  6. Click Install.
  7. At the top of your note, click Editor, then click Flashcard Editor - Beta.

After you have installed the editor on the web or desktop app, it will automatically sync to your mobile app after you log in.

Development

The instructions for local setup can be found here. All commands are performed in the root directory:

  1. Fork the repository on GitHub
  2. Clone your fork of the repository
  3. Type cd flashcard-editor
  4. Run npm install to locally install the packages in package.json
  5. Create ext.json as shown here with url: "http://localhost:8002". Optionally, create your ext.json as a copy of sample.ext.json.
  6. Install http-server using sudo npm install -g http-server
  7. Start the server at http://localhost:8002 using npm run server
  8. Import the extension into the web or desktop app with http://localhost:8002/ext.json.
  9. To build the editor, open another command window and run npm run build. For live builds, use npm run watch. You can also run npm run start and open the editor at http://localhost:8080.

License

Copyright (c) Theodore Chu. All Rights Reserved. Licensed under AGPL-3.0 or later.

Further Resources