Betternote, a faithful Evernote clone, is a feature-rich, single page application developed using React, Redux, Rails, and PostgreSQL. Betternote allows users to create notes and keep them organized by placing them in notebooks. Betternote also allows users to optionally add tags to more easily find and browse similar notes by their taggings.
- Secure user authentication
- Notes, notebooks, and tags can be created, edited and deleted
- Notes are autosaved while being edited
- Notes can be formatted via Betternote's rich-text editor
- Notes can be filtered by notebooks and taggings
Betternote's core features were designed and developed over a span of 10 days.
The overall design and layout was developed with the guidance of wireframes
Associations were formed with the help of a Database Schema, and a Sample State
Autosave featured was implemented by adding a few simple and elegant lines of code which utilizes setTimeout and clearTimeout:
startAutoSave() {
clearTimeout(this.autoSaveTimerId);
this.autoSaveTimerId = setTimeout(
this.triggerNoteAction,
this.autoSaveInterval
);
}
- React
- React-Router
- Quill
- Redux
- AJAX
- Ruby on Rails
- PostgreSQL
- Favorites
- Reminders
- Search features for notes, notebooks, and tags
- Notes and notebooks sharing
- Collaborative note editing
- Live chat