Skip to content

assimilatedgiraffe/PKB-webapp

Repository files navigation

Personal Knowledge Base Web App

Note taking web app built with Vue.js and Firebase.

Screenshot

Features

  • Modern material design based UI
  • Dynamic theme switching / night mode
  • Full keyboard control with vim style keyboard navigation
  • Mouse / touch-screen support
  • Changes automatically saved to the cloud and updated across devices
  • Google authentication
  • Progressive Web App
    • App manifest
    • Service worker
    • Full offline functionality

About

Developed to overcome the limitations of regular note taking software as none of the many options available had all of the the specific features I wanted.

The basic structure is something like a cross between regular note taking software like Evernote and a mind map, where notes are organised in a tree structure and any note can have an unlimited number of child notes.

The app is intended for daily use and was therefore designed to be as aesthetically pleasing as possible.

original prototype

Built With

  • CoffeeScript - Python-like language that compiles to JavaScript
  • vue 2 - Progressive JavaScript Web App Framework
  • Vuex - State management library for vue.js
  • vuetify.js - Material design UI Framework
  • Cloud Firestore - NoSQL cloud database by Google
  • CKEditor 5 - JavaScript rich text editor framework

Todos and Planned Features

  • Better mobile support
  • Search function
  • Spaced repetition function for memorising notes
  • Faster load time to improve Progressive Web App Lighthouse score

About

Custom Personal Knowledge Base App using Vue.js and Vuetify

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published