How onehandedwonder/dr-opgave-frontend works
DR-Repo-Frontend is a Vue interface for signing in and managing music records. A user signs in through the app; successful authentication stores the token and triggers record loading. The app presents records with text/genre filters and sorting, and supports creating, editing, and deleting records through the records API service. The app also restores stored sign-in state on mount. The README is empty and App.vue excerpts are partial, so the graph focuses on evidenced flows; filter/sort logic remains within the app component.
Main entry points: App.vue Records app · RecordsAPI.js Records service · Auth.js Auth service · main.js Vue bootstrap
Components 8
User interface
- Vue bootstrap
DR-Repo-Frontend/src/main.js - Records app
DR-Repo-Frontend/src/App.vue
API services
- Auth service
DR-Repo-Frontend/src/services/Auth.js - Records service
DR-Repo-Frontend/src/services/RecordsAPI.js
Browser state
- Local storage
Other components
- User
- Auth API
- Records API
Connections 8
- Vue bootstrap → Records app: mounts
- User → Records app: uses
- Records app → Auth service: signs in/out
- Auth service → Auth API: sends auth requests
- Records app → Records service: loads and mutates
- Records service → Records API: sends record requests
- Records app → Local storage: reads/writes session
- Records service → Local storage: reads token