Default view with editor and output
Definition output format
Definition tool tip when hovering
Command for defining definitions
Beautiful notes that are simple to read can make studying easier and better. We want to write notes that don't require us flipping through hundreds of pages for definitions or spending hours trying to format them to look nice. So we decided to create a note-taking application that does that for us.
What it does
If you define a definition (ex: <Velocity | Velocity is the vector of speed >), the application will remember your definition and show a tool tip with your definition if you hover over any instance of the word you defined. (ex: if you defined Velocity and used the word Velocity later in your notes, you can see the definition for velocity by hovering over that word). You can also add examples to go along with your definitions.
These examples can be written in LaTeX and will be formatted accordingly.
Automatically formats your notes and definitions to make them nice to read.
Prepares them for print form (like LaTeX!)
And ALL you need to do is type normally like you would in Microsoft Word or Google Docs.
How we built it
We used React to build our application.
Challenges we ran into
Parsing the text and formatting them properly in the output window was particularly challenging.
Accomplishments that we're proud of
- This entire project
- Getting the text parser to work properly
What we learned
- How to delegate roles and allocate time for tasks for a hackathon.
- Most of our team learned how to properly use GitHub.
What's next for Context
- Additional text formatting features like Microsoft Word (options to change font, etc.)