Coder Social home page Coder Social logo

ashtanmistal / jotmark Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 467 KB

A Markdown notetaking application built using Angular and designed using Material Design elements. Built during Winter Break of 2022-23.

Home Page: https://jotmark.web.app/

HTML 29.16% TypeScript 62.61% CSS 5.03% TeX 3.20%
angular angular-material google-keep markdown-editor markdown-to-latex markdown-viewer material-components material-design material-ui

jotmark's People

Contributors

ashtanmistal avatar valentinatoroch avatar

Watchers

 avatar

jotmark's Issues

Rename tag under Tag setting

should rename Tag under the primary totalTags[] array as well as iterate through the notes and rename the tag if necessary

pasting image functionality

when a user pastes an image, the app should create an image (with auto name) in the same directory as the note that is open where the image is being placed; and should write the markdown for including the image.

add todo list functionality

when a user clicks on a todo list item inside the main UI it should check off that item instead of loading the Editor UI

Implement Help Window

should mainly just be proper documentation of how to use the project. Use the same Markdown rendering system as a note, and show the Help in a window similar to how the Settings should look (except nothing else but a window with an X in the top right corner).

delete note

should be as a card button (implemented in app)

Implement Note UI

UI to show a single note. Should render the markdown in a card with a maximum height (should be specified by the user in settings), and scrollable to fit that content size.

Render the markdown properly. Should be compatible with LaTeX.

Implement Settings component

  • Frontend
  • Settings file that dynamically updates various css options
  • Add placeholders for GDrive and OneDrive connectivity in the settings

Outline of Settings page:

  • have a vertical tab switcher to the left, very similarly to JetBrains IDE settings
  • each tab should have a scrollable window with various sliders, switches, and buttons corresponding to a setting
  • connectivity page should be blank for now

Once more features are added, settings will need to be updated.

tags

implement a tag navigation on either the RHS or LHS of the application

Keyboard Shortcuts for Menu Items

Backend for keyboard shortcuts and implement the corresponding shortcut keys on the right hand side of the menu label in the UI.

No need for allowing the user to specify shortcuts yet.

login

so that the settings and connected accounts are loaded for an individual user.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.