Frontend Development

In this chapter we provide step-by-step guidelines on how to extend the CARE frontend to realize features. This includes adding new dashboard components, loading settings and extending the socket interface.

• Basic
  • Code Structure Overview
  • Button
  • Form
  • Icon
  • Loading
  • Modal
  • Table
  • Timer
  • Toast
• Components
  • Code Structure Overview
  • Dashboard
  • Document
  • Study
  • Study Session
  • Templates
  • NLP Skill Preprocessing
• Setup Wizard
  • When it is used
  • Wizard Steps
  • Frontend components
  • How Settings Are Rendered
  • Import and Export
  • Mail Test During Setup
  • Extending the Wizard
• Plugins
  • SubscribeTable Plugin
• Vuex Store
  • Store Structure
  • Accessing the Store
  • Auto tables
• User Statistics
  • User Statistics Logging
  • Logging a New Interaction
  • Advanced Logging Class