User stories

These are a rough outline of basic app functionality from the user perspective.

Landing Page & Auth

• As a potential user, I want to see a styled landing page that shows off the product, so I can decide if I am interested.

  • Dark theme with purple accents
  • A few words on what the product is
  • Pic of the note-taking UI as the centerpiece
  • Big red demo-user button

• As a new user, I would like to see a familiar Navbar with sign-in / sign-up functionality, so I can register or log-in.

  • Navbar (Logged-out)
    • Sign-in button
    • Sign-up button

• As a user, when my sign-up fails, I want to clearly see why it failed, so I can correct.

  • Sign-up validation
    • Dynamically display green/red validators as user types in information
    • Clearly display any backend errors with steps to resolve

• As a user, when my sign-in fails, I want to clearly see why it failed, so I can correct.

  • Sign-in validation
    • Dynamically display green/red validators as user types in information
    • Clearly display any backend errors with steps to resolve

Log-in for the first time / Demo user

• As a user who logs-in for the first time, I want to see the basic functionality right off the bat, so I understand how it all works.
  • There is a preloaded note on the main screen that describes basic functionality
  • There is a side bar on the left with a pre-loaded folder structure

Notes

• As a user, I want to be able to use the product
  • Add notes
    • Button in top left that says 'add note'
    • When you click on it
      • a new note is created in the list
      • main screen goes to that blank
  • Edit notes
    • Edit title
    • Edit main content
    • Save changes by clicking on a button 'Save'
  • Remove notes
    • Delete button
    • Note should disappear from the navigation menu
    • If user is reading note, they should be redirected somewhere else (where?)
  • Navigate existing notes
    • There is a side bar on the left with the note/folder hierarchy

Notebooks/folders

WIP