Giter Club home page Giter Club logo

notesee's Introduction

Notesee

Node.js CI

Wiki like notes application using a React based front end and PHP backend with Redbean for ORM. Documents are written in markdown.

features search, back links, breadcrumb, & node graph

Development notes

To release a new version npx standard-version

Issues managed at Github

Setup

For Frontend, create /frontend/.env (use .env.example for reference) change example value for production value. Similar, for Backend, create '/backend/.env'.

notesee's People

Contributors

rayjlim avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

notesee's Issues

custom view for mobile

custom toolbar for mobile view with reduced buttons
for mobile, default to not showing preview in editor

focus is more on readability

Read View does not handle table markdown

Use Case:

  1. Create note with Table
Project | Description | Github | Front End | Back End | Note
--------- | --------------- | ----------|----------| ---------- | 
[Miniblog](miniblog.md) | OneDay inspired short summary journal entry using a Headless CMS | [repo](https://github.com/rayjlim/miniblog) | React | php, slim 2, RedBeanPhp |  tasks migrated
  1. Go into Read Mode

Recently Updated Pages

creation/last updated date filter (day, week, month) view
add last updated date; only need the day (time is a n2h)

query by updated date

  • api that takes date range; returns docs edited in the time range

show on page

  • use sidebar UI; new section with date range picker and results section

use of relative links

for example '../'; would need to process on the backend.
When a link (../....) then create an absolute link based from the tree root

special characters in headers should trigger error

the main issue is that editor.md is not showing an error in the above cases and it doesn't trigger the has changes flag so no alert on nav away

^[#]{1,5}\s[\w\s]*(?:\*[\w\s]+\*|(?:\*\*[\w\s]+\*\*))

  • loading of videogames
    • has italics or emphasis with header; also need to watch ------ underline
# \** for iphone \**
  • loading of readme
    • has code format in header
## `[wiki links](wiki-links.md)`

UI upgrades

  • clean up breadcrumb/back links spacing to be more compact
  • node view; make its window smaller as well

App Settings dashboard

  • what should be configurable?
    • User time out since last activity or login
    • User management
    • location of uploads

templates (ex. dev journal,meeting note)

lowering priority until have better template ideas.

support creating templates and then listing all templates and able to insert to the editor

Template ideas: (need more ideas)

  • meeting notes
  • Analysis (Pros/Cons list)

Dev Journal Template

\n
## Summary\n
- 

## Achievements\n
- 

## Next day\n
- \n

update CSS for read mode, to support table

Use case: create a note with a table in it

head 1 | head 2 | head 3
---- | ---- | ----
cell 1 | cell 2 | cell 3

then change the view to read mode.
Table will not display correctly

Quick button to create new note by date

this story is based on if I will use Notesee for journaling (instead of miniblog). Specifically for dev-journal

button would be outside of the editor and when clicked it would create a text in the form of [2022-02-13](2022/2022-02-13.md)

where the cursor is on the editor

add version history schema, allows for count of edits to note

version record only log once per day edit;
need table w/ doc path, date of edit, user

  • then allow tree sort by edit date, or number of edits to see most or least edited notes

    • can show most edited docs
    • put the version number on the page
    • activity stream = show docs edited by time (ie. 10 most recently)
      • order by recently edited

auto save on intervals

This would be user option. When enabled and a timeout is set, then editor will
save on intervals specified when the user made edits (ie. hasChanged flag set)

log date time of each note

create a log of date/time when the file was edited then have the ability to search log

what is the importance of this feature?
I am already storing when each file was last edited. This would just give more context of how often it is edited

move a file to new folder/topic

need to think about this one because it would require changes to where ever the page was linked to and changing those links

limit search to a topic <advanced search>

use case: when doing a search allow to define a topic (ie. general, learning, tech) to search in
on the backend, prepend the topic to the search (ex. path like 'general/' and path like '%term%'

SELECT * FROM `ns_documents` WHERE path like 'general/%' and content like '%review%'

key bindings

  • save
  • open side bar
  • toggle star
function KeyPress(e) {
      var evtobj = window.event? event : e
      if (evtobj.keyCode == 90 && evtobj.ctrlKey) alert("Ctrl+z");
}

document.onkeydown = KeyPress;

altKey
S is 83
B is 66
f is 70

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

in app.js

handleKeyDown(e) {
 if (e.ctrlKey && e.which === 87) {
    this.props.toggleWebcamModal()
 } else if (e.ctrlKey & e.which === 83) {
    this.props.openSaveModal()
 } else if (e.ctrlKey && e.shiftKey && e.which === 68) {
    this.handleClear()
 }
}


componentWillMount(){
 document.addEventListener(“keydown”, this.handleKeyDown.bind(this))
 }

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.