Coder Social home page Coder Social logo

sty6x / markdown-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 15.57 MB

A free note taking app using vim key bindings.

Home Page: https://vimnotes.vercel.app/

License: MIT License

TypeScript 86.98% HTML 0.46% SCSS 11.07% JavaScript 1.49%
free note-taking pet-project reactjs vim vim-keybindings electron markdown

markdown-app's Introduction

Markdown-app (Vimnotes)

A free note taking app using vim key bindings. Visit the site here: Vimnotes

Disclaimer: I am not an expert on vim, i've been using it for only a year, that's why i only included simple vim key bindings on this app

Feature Highlights

  • Vim key bindings
  • Keyboard shortcut for navigating

Todo

  • Opting to normal mode and vim mode (for mobile users)
  • Make user able to delete their account
  • Changing password and email
  • Password recovery
  • Support for desktop app (electron and react router aren't in good terms apparently)

Keyboard Shortcuts

  • :w or ctrl+s - to write/save current note
  • :q - to close editor and open preview (can only be triggered within editor)
  • :h - to open up vim cheatsheet page ( ctrl+shift+h so you can toggle between current page and vim cheatsheet page so you can easily look up vim keybindings while using your editor for ease of access)
  • ctrl+shift+e - to toggle sidebar
  • ctrl+shift+p - to toggle between preview and editor

Reason

I've been using Simplenote for a year now and i've been loving it, but the problem is that i wanted to be able to utilize simple vim key bindings for navigation and the godsent habit of typing :w to save a file while taking notes, so that's why I built vimnotes for my own personal use.

User data

Since this is more of a pet project than an serious one, I would like for users to not use their personal credentials for signing up,
you can use whatever email you want even if its a trash email.

Preview

Screenshot from 2023-07-04 10-23-32 Screenshot from 2023-07-04 10-21-34 Screenshot from 2023-07-04 10-16-51 Screenshot from 2023-07-04 10-16-40 Screenshot from 2023-07-04 10-16-06

Tools and Libraries used

Remarkjs: a markdown library for reactjs
Electron: for creating a cross platform desktop application desktop app not available yet
Firebase: For storing user data and user authentication
Codemirror: For creating an editor on the browser with vim extension

markdown-app's People

Contributors

sty6x avatar

Stargazers

 avatar

Watchers

 avatar

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.