🗒️ Markdown Parser

Python

React

  Github ↗

---

I've always been pretty interested in tools for thought and ways to design for better learning. This spring I was motivated to make my own markdown parser after realizing there were a lot more features I wanted in my notes than Notion could provide. I also wanted to create the ultimate learning device and embed the ability to make flashcards within my markdown notes.

v1

Version 1 of the markdown parser involved a simple python script that converted a md file into an html page and table of contents. I manually wrote the script to parse each line of md using my own stylistic choices sometimes, but mostly following normal markdown conventions. I also included latex and code support using MathJAX and Prism.

However, this version required writing markdown, running the Python script, and reloading the html each time. Not ideal for taking a page of notes in lecture. I also wanted to include more features like hovering over a word to get its definition, automatic highlighting, inline conversion of markdown, comments, and a better table of contents.

v2

Feature list:

vocab word highlighting + hover for definition?
comments (cornell notes/footnotes type)
large margins for readability
table of contents on the side
one page at a time
good use of visuals to detail the notes