/proj_NoteTakingApp

This is a Note Taking Application that implements Mind-Mapping in its note taking feature using HTML, CSS, and JavaScript. This application was inspired by a note taking app I currently have which is Scrintal.

Primary LanguageJavaScript

Note Taking Application

Screen Shot 2023-07-04 at 17 55 18

Short Walkthrough

Adding a canvas and a note.

  • Click the Add Canvas button on the left panel to add a canvas inside the Canvas List.
  • And inside the Canvas you created, you can add a Note Card by clicking on the square button just beside the left panel.
  • Double click on the Note Card to open its editor and add some notes.

Screen Shot 2023-07-04 at 17 54 43 Screen Shot 2023-07-04 at 20 24 18

Creating A Linked Word Button

  • Put an "_" underscore beside a word (e.g. _WordButton) and press ctrl/cmd + Enter. This will create a button that creates another Note Card connected to the current card you're in when you click it.

Screen Shot 2023-07-04 at 20 06 53 Screen Shot 2023-07-04 at 20 07 04


Developer's Notes

The app is currently full of bugs and lacks a lot of features to be considered a full application. The bugs will soon be fixed and will continue adding more features later on for I'm currently working on Full Stack Development. I might forget to continue this project but will see.