itzami / noting Goto Github PK

Right now everything is inside just App.js and that's _no bueno so I need to reorganize my files and add a proper structure to them

Using react-markdown

My idea is to maybe have the note on the left side of the screen at 70vw with a sidebar of different notes taken (maybe have the first 30 characters and then ellipsis).

The idea is to, when selecting a note, have the left side of the screen show up the note text. Or, if it's a new note, show an empty note.

First iteration of the style. Let's make it pretty!

Right now I'm simply showing everything that the note has on the sidebar. This will not scale properly.

To make it more functional, I should grab the first line of the markdown and use it as a Title for the note so it can be displayed on the sidebar.

My idea is to remove MDEditor.Markdown from the sidebar and switch it for a proper div with a <p> tag in it.

After this, I will need to find a way to display the markdown on the left panel

Right now I'm using buttons with text but I would like to use SVG for the Delete and View.

It requires me to find the proper SVG and to change the configuration of each note on the sidebar

Right now I'm displaying the Markdown on the note itself but, following #15, this will need to change.

One idea would be to add an eye icon to the note itself so we can toggle the left panel between edit mode and markdown mode. Eventually, I'll need to change this since it will probably be too much to be placed on the note itself!

Tailwind has settings for it. I should implement it and have an icon to toggle it

Not sure if possible but I should try to move the functions to a separate file soApp.js isn't cluttered

Create a note that describes the application and how everything works

Change README to display relevant information towards the project like:

• description of the app
• what was used
• links to relevant information
• commands needed
• something else that I might remember

Edit Mode isn't saving the data to local storage. Need to find why!

Right now I'm defaulting to show. an empty note on save. I would like to keep, on the screen, the note I'm working one!

Not sure if something needs to change in the structure but notes should be saved in local storage