n1k0/kept

Personal notes as widgets, inspired by Google Keep

Kept

Personal rich notes HTML app inspired by Google Keep and powered by React.

For now, data are stored using localStorage. Full mobile compatibility & Sync are in the pipe.

This is WiP, don't use it yet.

Install

Install Kept dependencies:

$ npm install

To launch a local server with live reload:

$ npm start

Point your browser at localhost:4000 and start hacking Kept files, a rebuild will be performed automatically in the background.

To build an optimized version of Kept:

$ npm run dist

The resulting files are then available in the build folder.

A working demo is also available.

Code linting:

$ npm run lint

Tests:

$ npm test

License

MIT.

kept's Issues

FYI, npm install react-tools, shouts this warning

npm WARN deprecated [email protected]: react-tools is deprecated. For more information, visit https://fb.me/react-tools-deprecated.

publish gh-pages branch via travis-ci.org

refs #11, and https://medium.com/philosophy-logic/53a8270e87db

Bug on todo task deletion

Markdown preview

Using http://kyleamathews.github.io/react-markdown-textarea/

support multi device sync

can kinto helps ?

Make urls clickable in task entries

• Generated links should open in a new window
• Clicking the link shouldn't mark the task as done

Extract business logic from components, experiment with Flux

Flux overview: http://facebook.github.io/react/docs/flux-overview.html

http://fluxxor.com/ might help.

only gh-pages branch as primary branch

I think you'd get instant result by only having one branch, the gh-pagesbranch. By committing / pushing on this branch only, the latest modifications would instantly be published on http://n1k0.github.io/kept/, without having to merge from master.

I've done it on several other projects. It just works.

Make the modal forms responsive

Provide a simple way to build/serve the project

• transpilation
• concatenation
• minification
• watch
• serve

Improve UX for draggable panels

The silly CSS columns trick is not very usable, we need to find something better.

http://gridster.net/ seems neat but probably too fancy, and relies on jQuery…

Support markdown for text entries.

Add a full page dark background behind modal

The current demo does not work

When going on http://n1k0.github.io/kept/ I got the following error in the console:

"empty stored kept data:" null kept.js:8
ReferenceError: DefaultContent is not defined

After discussing we think it may be a local storage problem when going on the web page for the 1st time.

Current commit is 130a087

Add keyboard shortcuts for Undo / Redo

Windows/Linux:

• ctrl-z for undo
• ctrl-y for redo

OSX:

• command-z for undo
• command+shift+z for redo

Use react-bootstrap

http://react-bootstrap.github.io/getting-started.html

Add support for undo/redo

Make the number of displayed columns responsive

Right now the default of 5 columns shown is unusable on small screens & mobile devices.

Switch to edit-in-place instead of modal forms

While trying to stick as much as possible with the current Google Keep UX, I'm realizing that modal create/edit forms are probably not the very best way to have the most efficient experience with Kept.

We should consider switching to edit in place everywhere it's possible/makes sense (eg. editing texts).

update to react v0.14

since the API is/has changed, should we update to use last react versions ?

Navbar is too large on mobile

Kill the hamburger menu

Especially as it doesn't work without jQuery, and we don't want jQuery.

Plus.

Improve grid layout & drag and drop behavior

https://github.com/STRML/react-grid-layout